Files
CompanyProject/衣莎项目/源码/YiShaXiYi/pages/auth/auth.wxss
2024-09-27 01:32:49 +08:00

222 lines
3.7 KiB
Plaintext

/* pages/auth/auth.wxss */
page{
background-color: #ffffff;
}
.tabbar{
/* height: 120rpx !important; */
}
.tabbar .action{
/* font-size: 30rpx !important; */
}
.my-icno{
padding: 10rpx;
position: absolute;
width: 130rpx;
z-index: 2;
height: 130rpx;
border-radius: 50%;
font-size: 50rpx;
top: -90rpx;
left: 0;
right: 0;
margin: 0 auto;
background-color: #ffffff;
}
.icon_bac{
border-radius: 50%;
height: 100%;
width: 100%;
background-image: linear-gradient(-30deg,
rgba(51, 51, 51, 0.2) 0%,
rgba(255, 255, 255, 0.2) 100%),
linear-gradient(
#1fcc58,
#41d974);
}
.icon_bac image{
width: 47rpx;
height: 64rpx;
vertical-align: middle;
}
.content{
padding-bottom: 140rpx;
}
.customer{
padding: 0 !important;
position: fixed;
bottom: 190rpx;
width: 100rpx;
height: 100rpx;
overflow: hidden;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0px 0px 30px 0px rgba(14, 5, 9, 0.4);
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transition: all 0.5s;
}
.customer image{
height: 100%;
width: 100%;
}
.TabBar{
box-shadow: 0px -8px 20px 0px rgba(14, 5, 9, 0.06);
}
/* 底部导航 */
.index-icon{
width: 39rpx !important;
height: 39rpx !important;
}
/* 底部导航end */
/* 优惠券样式 */
.video_cen{
text-align: center;
}
.video_cen video{
width: 620rpx;
height: 400rpx;
display: block;
margin: 0 auto;
}
.video_cen image{
width: 69rpx;
height: 69rpx;
display: block;
margin: 55rpx auto 0;
}
.coupon{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.75);
z-index: 99999;
}
.coupon_list{
width: 600rpx;
padding: 40rpx;
background-color: #f92929;
border-radius: 10px;
}
.coupon_list_tit{
font-weight: 500;
font-family: PingFang-SC-Bold;
font-size: 36rpx;
color: #ffffff;
text-align: center;
margin: 10rpx;
}
.coupon_list_row{
height: 150rpx;
}
.coupon_row_l,
.coupon_row_r{
position: relative;
}
.coupon_row_l{
height: 150rpx;
width: 148rpx;
}
.coupon_row_l image{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 150rpx;
width: 148rpx;
vertical-align: middle;
margin: 0;
}
.coupon_row_r image{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
margin: 0;
}
.row_l1{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.row_l1_p1{
font-family: PingFang-SC-Bold;
font-size: 25rpx;
color: #f92929;
}
.row_l1_p1 span{
font-size: 40rpx;
font-weight: 600;
}
.row_l1_p2{
font-family: PingFang-SC-Medium;
font-size: 18rpx;
color: #333333;
}
.row_r1_p1{
font-family: PingFang-SC-Medium;
font-size: 28rpx;
color: #333333;
}
.row_r1_p2{
font-family: PingFang-SC-Medium;
font-size: 22rpx;
color: #999999;
}
.receive{
padding: 22rpx 187rpx;
background-color: #f6b900;
border-radius: 45rpx;
font-family: PingFang-SC-Bold;
font-size: 32rpx;
color: #ffffff;
}
/* 客服弹出层 */
.tips-bac{
background-color: #ffffff;
}
.coupon_list_tit-t1{
color: #000000;
}
.tel-img{
margin: 0 auto;
width: 130rpx;
height: 130rpx;
background-color: #eaebed;
border-radius: 50%;
border: 0;
}
.tel-img::after{
width: 0;
height: 0;
}
.tel-img image{
width: 60rpx;
height: 60rpx;
margin: 0;
}
.tel-p{
margin-top: 15rpx;
font-family: PingFang-SC-Medium;
font-size: 28rpx;
font-weight: 400;
color: #666666;
}