小程序图片叠加采坑
微信小程序图片叠加采坑。使用场景：微信小程序商城图片很多时候根据不同状态，在头部中部或者底部添加角标。如图：需要加角标的图片：然后然后要把角标放到左上角去显示最终效果成这样直接商代码wxml<!–{{imgurl}}—>wcss.tab1-content-image{position: relative; //关键属性 把该容器内的所有属性样式去掉。}...
·
微信小程序图片叠加采坑。
使用场景：微信小程序商城图片很多时候根据不同状态，在头部中部或者底部添加角标。
如图：
需要加角标的图片：
然后然后要把角标放到左上角去显示
最终效果成这样
直接商代码
wxml
<!–{{imgurl}}—>
wcss
.tab1-content-image{
position: relative; //关键属性 把该容器内的所有属性样式去掉。
}
.img-size-min{
position:absolute;//关键属性 按照当前设置的相对位置排版
top: 0;//图片距离顶部多少
width: 44rpx; //定位图片的宽度
height: 44rpx;//定位图片的高度
}
留下邮箱，可以发送源码
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)