mall-laonong/unpackage/dist/dev/mp-weixin/components/share-coupon/share-coupon.wxss

55 lines
872 B
Plaintext

.share-coupon{
width: 164rpx;
position: fixed;
right: 0;
bottom: 188rpx;
z-index: 99;
}
.coupon{
justify-content: center;
align-items: center;
width: 124rpx;
height: 124rpx;
background-color: #febf00;
box-shadow: 0 0 20rpx rgba(254,191,0,.4);
margin-bottom: 30rpx;
}
.coupon image{
width: 47rpx;
height: 47rpx;
}
.coupon text{
width: 100%;
text-align: center;
line-height: 1.2;
margin-top: 10rpx;
}
.share{
justify-content: center;
align-items: center;
width: 124rpx;
height: 124rpx;
background-color: #00b809;
box-shadow: 0 0 20rpx rgba(0,184,9,.4);
line-height: 1.6;
}
.share image{
width: 56rpx;
height: 46rpx;
}
.share text{
width: 100%;
text-align: center;
line-height: 1.2;
margin-top: 8rpx;
-webkit-transform: scale(.84);
transform: scale(.84);
}
.coupon .icon,
.share .icon{
flex-wrap: wrap;
justify-content: center;
}