pxl/tk-mini-program
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化页面

Browse Source
This commit is contained in:
pengxiaolong
2025-06-12 22:16:09 +08:00
parent 931d867c09
commit de99d32c01
63 changed files with 973 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
unpackage/dist/dev/mp-weixin/pages/Home/Home.wxss vendored
View File

@@ -25,7 +25,7 @@
left: 0;
width: 100%;
height: 100rpx;
z-index: 100;
z-index: 2;
}
.contentList.data-v-7ffebbf4 {
position: fixed;
@@ -79,7 +79,8 @@
font-size: 14rpx;
}
.Gendermale.data-v-7ffebbf4 {
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/maleimg.png) no-repeat center;
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/maleimg.png)
no-repeat center;
width: 56.3rpx;
height: 29.58rpx;
background-size: 100% 100%;
@@ -88,7 +89,8 @@
margin-right: 10rpx;
}
.Genderfemale.data-v-7ffebbf4 {
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/femaleimg.png) no-repeat center;
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/femaleimg.png)
no-repeat center;
width: 56.3rpx;
height: 29.58rpx;
background-size: 100% 100%;
@@ -114,7 +116,7 @@
line-height: 38rpx;
font-weight: 600;
}
.no-content.data-v-7ffebbf4{
.no-content.data-v-7ffebbf4 {
position: absolute;
top: 50%;
left: 50%;
@@ -124,3 +126,125 @@
line-height: 40rpx;
text-align: center;
}
.popup-container.data-v-7ffebbf4 {
height: 1626px;
width: 650rpx;
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png);
border-radius: 15rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.popup-title.data-v-7ffebbf4 {
font-size: 50rpx;
line-height: 50rpx;
margin-top: 250rpx;
font-weight: bold;
background: linear-gradient(135deg, #00afb2, #4fcacd);
-webkit-background-clip: text; /* 兼容 WebKit 内核 */
background-clip: text;
color: transparent; /* 隐藏原文字颜色 */
-webkit-text-fill-color: transparent; /* Safari 兼容 */
}
.p-country.data-v-7ffebbf4 {
width: 500rpx;
height: 100rpx;
margin-top: 80rpx;
}
.popup-sex.data-v-7ffebbf4 {
width: 500rpx;
height: 100rpx;
margin-top: 40rpx;
display: flex;
justify-content: space-between;
}
.p-sex.data-v-7ffebbf4 {
width: 420rpx;
height: 100rpx;
}
.Gendericoncss.data-v-7ffebbf4 {
display: flex;
justify-content: center;
align-items: center;
width: 60rpx;
height: 60rpx;
border-radius: 50%;
border: 1rpx solid #ff9d0067;
margin-left: 20rpx;
margin-top: 10rpx;
}
.Gendericon.data-v-7ffebbf4 {
width: 40rpx;
height: 40rpx;
/* margin-top: 10rpx;
margin-right: 40rpx; */
}
.popup-coin.data-v-7ffebbf4 {
width: 500rpx;
margin-top: 40rpx;
display: flex;
}
.p-coin.data-v-7ffebbf4 {
width: 500rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.p-coin-title.data-v-7ffebbf4 {
font-size: 20rpx;
color: #a3a3a3;
}
.p-time.data-v-7ffebbf4 {
width: 500rpx;
margin-top: 40rpx;
}
.popup-btn-cancel.data-v-7ffebbf4 {
width: 170rpx;
height: 60rpx;
font-size: 30rpx;
color: #ffffff;
line-height: 60rpx;
text-align: center;
margin-right: 20rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
}
.popup-btn-confirm.data-v-7ffebbf4 {
width: 170rpx;
height: 60rpx;
font-size: 30rpx;
color: #ffffff;
line-height: 60rpx;
text-align: center;
margin-right: 20rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #4fcd9d, #5fdeba);
}
.popup-btn-clear.data-v-7ffebbf4 {
width: 170rpx;
height: 60rpx;
font-size: 30rpx;
color: #ffffff;
line-height: 60rpx;
text-align: center;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #cd924f, #debc5f);
}
.Hintcss.data-v-7ffebbf4 {
font-size: 18rpx;
color: #ff5555;
}
.popup-btn.data-v-7ffebbf4 {
width: 600rpx;
height: 100rpx;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 400rpx;
}