小程序图片叠加采坑

微信小程序图片叠加采坑。
使用场景:微信小程序商城图片很多时候根据不同状态,在头部中部或者底部添加角标。
如图:上部角标
需要加角标的图片:
然后然后要把角标放到左上角去显示正式图片最终效果成这样
最终效果图直接商代码
wxml

<!–{{imgurl}}—>




wcss
.tab1-content-image{
position: relative; //关键属性 把该容器内的所有属性样式去掉。

}
.img-size-min{
position:absolute;//关键属性 按照当前设置的相对位置排版
top: 0;//图片距离顶部多少
width: 44rpx; //定位图片的宽度
height: 44rpx;//定位图片的高度
}

留下邮箱,可以发送源码

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值