yuminge-app/yun-min-program-plugin-master/packageD/coupon_share/coupon_share.wxss

76 lines
1.6 KiB
Plaintext

/* packageD/coupon_share/coupon_share.wxss */
#share_content .share_bg {
width: 690rpx;
min-height: 970rpx;
margin: 30rpx auto;
background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/coupon_share_bgimg.png');
background-size: cover;
background-repeat: no-repeat;
padding: 20rpx 0;
}
#share_content .share_bg .state {
line-height: 120rpx;
font-size: 24px;
color: #f15353;
text-align: center;
}
#share_content .share_bg .pack_share {
font-size: 15px;
font-weight: bold;
text-align: center;
}
#share_content .share_bg .coupon_bg {
height: 550rpx;
margin: 0 auto;
background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/coupon_share.png');
background-size: 460rpx;
background-position: center;
background-repeat: no-repeat;
}
#share_content .share_bg .share_friend {
font-size: 15px;
color: #8c8c8c;
line-height: 60rpx;
margin-bottom: 40rpx;
text-align: center;
}
#share_content .share_bg .share_btn {
margin: 0 auto;
background: #f15353;
border: none;
color: #fff;
border-radius: 12rpx;
width: 480rpx;
height: 92rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
position: relative;
}
#share_content .share_bg .share_btn .icon-coupon-share-left {
font-size: 48rpx;
margin-right: 40rpx;
}
#share_content .share_bg .share_btn .icon-coupon-share-right {
font-size: 48rpx;
margin-left: 40rpx;
}
.isbtn {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: yellowgreen;
opacity: 0;
}