CSS Shapes是一个CSS模块,用于定义几何形状。CSS Shapes模块可以实现不规则的文字环绕效果,需要和浮动配合使用。
<view class="strCont">
<image class="logo" :src="formatImgUrl(avatar)">
</image>
{{str}}
</view>
.strCont {
margin-top: -2rpx;
width: 100%;
height: 558rpx;
padding: 20rpx 15rpx 20rpx 20rpx;
overflow-y: scroll;
background-color: #fff;
border-radius: 0 0 40rpx 40rpx;
border: 1rpx solid #D0D2D2;
line-height: 60rpx;
font-size: 28rpx;
color: #555;
.logo {
width: 212rpx;
height: 270rpx;
border-radius: 16rpx;
float: left;
margin: 0 20rpx 10rpx 0;
shape-outside: margin-box;
}
}