优化页面

This commit is contained in:
pengxiaolong
2025-06-06 22:36:41 +08:00
parent f4901f1312
commit d30589fd05
99 changed files with 1091 additions and 1310 deletions

View File

@@ -2,17 +2,25 @@
/* 定义动画 */
/* 原始进入动画 */
@keyframes slide-in-96d38e2b {
from { transform: translateY(100%); opacity: 0;
from {
transform: translateY(100%);
opacity: 0;
}
to { transform: translateY(0); opacity: 1;
to {
transform: translateY(0);
opacity: 1;
}
}
/* 新增关闭动画 */
@keyframes slide-out-96d38e2b {
from { transform: translateY(0); opacity: 1;
from {
transform: translateY(0);
opacity: 1;
}
to { transform: translateY(-100%); opacity: 0;
to {
transform: translateY(-100%);
opacity: 0;
}
}
@@ -38,7 +46,7 @@ to { transform: translateY(-100%); opacity: 0;
margin-left: 30rpx;
margin-top: 10rpx;
}
.Hintcss.data-v-96d38e2b{
.Hintcss.data-v-96d38e2b {
color: rgb(255, 0, 0);
font-size: 20rpx;
margin-left: 30rpx;
@@ -65,14 +73,14 @@ to { transform: translateY(-100%); opacity: 0;
/* margin-bottom: 40rpx; */
margin-left: 90%;
}
.Titlecss.data-v-96d38e2b{
.Titlecss.data-v-96d38e2b {
width: 100%;
height: 70rpx;
display: flex;
justify-content: center;
align-items: center;
}
.Star.data-v-96d38e2b{
.Star.data-v-96d38e2b {
width: 50rpx;
height: 50rpx;
background-image: url(data:image/png;base64,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);
@@ -104,7 +112,7 @@ to { transform: translateY(-100%); opacity: 0;
width: 99%;
height: 85rpx;
background-color: #ffffff;
border: 1rpx solid #BFBFBF;
border: 1rpx solid #bfbfbf;
border-radius: 10rpx;
text-align: center;
}
@@ -114,16 +122,16 @@ to { transform: translateY(-100%); opacity: 0;
flex-direction: column;
justify-content: center;
}
.Gendercs.data-v-96d38e2b{
.Gendercs.data-v-96d38e2b {
display: flex;
justify-content: center;
/* align-items: center; */
}
.Gendercss.data-v-96d38e2b{
.Gendercss.data-v-96d38e2b {
width: 200rpx;
height: 60rpx;
}
.Gendericoncss.data-v-96d38e2b{
.Gendericoncss.data-v-96d38e2b {
display: flex;
justify-content: center;
align-items: center;
@@ -134,7 +142,7 @@ to { transform: translateY(-100%); opacity: 0;
margin-left: 20rpx;
margin-top: 10rpx;
}
.Gendericon.data-v-96d38e2b{
.Gendericon.data-v-96d38e2b {
width: 40rpx;
height: 40rpx;
/* margin-top: 10rpx;
@@ -154,7 +162,7 @@ to { transform: translateY(-100%); opacity: 0;
/* flex-direction: column; */
}
.country.data-v-96d38e2b {
margin-left:10rpx;
margin-left: 10rpx;
}
.goldCoin.data-v-96d38e2b {
width: 100%;
@@ -175,10 +183,10 @@ to { transform: translateY(-100%); opacity: 0;
margin-left: 17rpx;
}
.number-box-unit.data-v-96d38e2b {
color: #03ABA8;
color: #03aba8;
width: 48rpx;
height: 48rpx;
border: 1rpx solid #03ABA8;
border: 1rpx solid #03aba8;
border-radius: 50%;
line-height: 48rpx;
text-align: center;
@@ -198,7 +206,7 @@ to { transform: translateY(-100%); opacity: 0;
margin-left: 5%;
}
.Publishcss.data-v-96d38e2b {
background-image: linear-gradient(135deg, #4FCACD, #5FDBDE);
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
/* color: #33ff00; */
color: #ffffff;
font-weight: bold;