1.
This commit is contained in:
zw199166
211
unpackage/dist/dev/mp-weixin/pagesMine/vip/vip.wxss
vendored
Normal file
211
unpackage/dist/dev/mp-weixin/pagesMine/vip/vip.wxss
vendored
Normal file
@@ -0,0 +1,211 @@
|
||||
.topBg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.vipC {
|
||||
padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
.vipC .vipInfoC {
|
||||
margin: 0 25rpx;
|
||||
}
|
||||
.vipC .vipInfoC .bg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.vipC .vipInfoC .infoC {
|
||||
top: 130rpx;
|
||||
left: 38rpx;
|
||||
}
|
||||
.vipC .vipInfoC .infoC .title {
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
color: #556B87;
|
||||
}
|
||||
.vipC .vipInfoC .infoC .tips {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #65758A;
|
||||
}
|
||||
.vipC .vipInfoC .infoC.vip .title {
|
||||
color: #AB3D1A;
|
||||
}
|
||||
.vipC .vipInfoC .infoC.vip .tips {
|
||||
color: #AB3D1A;
|
||||
}
|
||||
.vipC .vipProfitIntroC {
|
||||
background-color: white;
|
||||
margin-top: -70rpx;
|
||||
padding-top: 40rpx;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
.vipC .vipProfitIntroC .titleC .icon {
|
||||
width: 54rpx;
|
||||
height: auto;
|
||||
}
|
||||
.vipC .vipProfitIntroC .titleC .title {
|
||||
margin: 0 20rpx;
|
||||
font-size: 50rpx;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
}
|
||||
.vipC .vipProfitIntroC .titleC.research {
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .titleC.decision {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .titleC.privilege {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .subtitle {
|
||||
font-size: 24rpx;
|
||||
color: #888;
|
||||
text-align: center;
|
||||
}
|
||||
.vipC .vipProfitIntroC .stepC {
|
||||
margin: 16rpx 25rpx 0;
|
||||
}
|
||||
.vipC .vipProfitIntroC .stepC .num {
|
||||
background-color: #EDEEF1;
|
||||
margin-right: 25rpx;
|
||||
width: 50rpx;
|
||||
line-height: 50rpx;
|
||||
border-radius: 50%;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #5C6473;
|
||||
text-align: center;
|
||||
}
|
||||
.vipC .vipProfitIntroC .stepC .step {
|
||||
font-size: 24rpx;
|
||||
color: #5C6473;
|
||||
}
|
||||
.vipC .vipProfitIntroC .stepC .step .impormant {
|
||||
font-weight: bold;
|
||||
}
|
||||
.vipC .vipProfitIntroC .stepC .step .impormant.vip {
|
||||
color: #F97316;
|
||||
}
|
||||
.vipC .vipProfitIntroC .picList {
|
||||
padding: 0 25rpx;
|
||||
margin-top: 34rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .picList .pic {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .picList .pic .icon {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.vipC .vipProfitIntroC .picList .pic:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.vipC .vipProfitIntroC .questionC {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .questionC .title {
|
||||
font-size: 45rpx;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
text-align: center;
|
||||
}
|
||||
.vipC .vipProfitIntroC .questionC .iconListC {
|
||||
margin-top: 46rpx;
|
||||
padding: 0 23rpx 0 59rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .questionC .iconListC .icon {
|
||||
margin-right: 56rpx;
|
||||
width: 235rpx;
|
||||
height: auto;
|
||||
}
|
||||
.vipC .vipProfitIntroC .questionC .iconListC .list .item {
|
||||
background-color: #EDEDED;
|
||||
margin-bottom: 15rpx;
|
||||
line-height: 70rpx;
|
||||
border-radius: 35rpx;
|
||||
font-size: 24rpx;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
}
|
||||
.vipC .vipProfitIntroC .questionC .iconListC .list .item.vip {
|
||||
background-color: #FFEBDB;
|
||||
color: #F97316;
|
||||
}
|
||||
.vipC .vipProfitIntroC .introC {
|
||||
display: flex;
|
||||
box-shadow: 0px 0px 9rpx 0px rgba(0, 0, 0, 0.1);
|
||||
margin: 24rpx 25rpx 0;
|
||||
padding: 40rpx 20rpx 20rpx 33rpx;
|
||||
line-height: 1.5rem;
|
||||
border-radius: 10rpx;
|
||||
font-size: 24rpx;
|
||||
color: #555;
|
||||
}
|
||||
.vipC .vipProfitIntroC .introC .icon {
|
||||
margin-top: 92rpx;
|
||||
width: 251rpx;
|
||||
height: auto;
|
||||
}
|
||||
.vipC .vipProfitIntroC .introC.operatingDecision {
|
||||
padding-bottom: 11rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .introC.operatingDecision .icon {
|
||||
margin-top: 116rpx;
|
||||
width: 249rpx;
|
||||
height: auto;
|
||||
}
|
||||
.vipC .vipProfitIntroC .privilegeList {
|
||||
margin: 24rpx 25rpx 0;
|
||||
padding: 20rpx 0;
|
||||
box-shadow: 0px 0px 9rpx 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.vipC .vipProfitIntroC .privilegeList .item {
|
||||
padding: 20rpx 0;
|
||||
width: calc(100%/3);
|
||||
}
|
||||
.vipC .vipProfitIntroC .privilegeList .item .icon {
|
||||
margin-bottom: 10rpx;
|
||||
width: 91rpx;
|
||||
height: auto;
|
||||
}
|
||||
.vipC .vipProfitIntroC .privilegeList .item .title {
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #242323;
|
||||
}
|
||||
.vipC .vipProfitIntroC .privilegeList .item .tips {
|
||||
margin-top: 6rpx;
|
||||
font-size: 22rpx;
|
||||
color: #555;
|
||||
}
|
||||
.vipC .vipProfitIntroC .privilegeList.vip {
|
||||
box-shadow: 0px 0px 9px 0px rgba(249, 115, 22, 0.4);
|
||||
}
|
||||
.vipC .vipProfitIntroC .bottomTitle {
|
||||
margin-top: 80rpx;
|
||||
font-size: 45rpx;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
text-align: center;
|
||||
}
|
||||
.vipC .vipProfitIntroC .bottomTips {
|
||||
font-size: 24rpx;
|
||||
color: #888;
|
||||
text-align: center;
|
||||
}
|
||||
.lookMealC {
|
||||
background-color: #F97316;
|
||||
margin: 0 25rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||
line-height: 80rpx;
|
||||
border-radius: 20rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
Reference in New Issue
Block a user