优化页面
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user