优化页面
This commit is contained in:
pengxiaolong
203
unpackage/dist/dev/mp-weixin/pages/Mine/Mine.wxss
vendored
203
unpackage/dist/dev/mp-weixin/pages/Mine/Mine.wxss
vendored
@@ -1,60 +1,181 @@
|
||||
|
||||
.container.data-v-402ad917 {
|
||||
.bg.data-v-402ad917 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
.bgImg.data-v-402ad917 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.PersonalInformation.data-v-402ad917 {
|
||||
position: absolute;
|
||||
top: 150rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 144.5rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.header.data-v-402ad917 {
|
||||
width: 144.5rpx;
|
||||
height: 144.5rpx;
|
||||
border-radius: 72.25rpx;
|
||||
background-color: #fff;
|
||||
margin-left: 32.5rpx;
|
||||
margin-right: 39.5rpx;
|
||||
}
|
||||
.Settings.data-v-402ad917 {
|
||||
width: 46rpx;
|
||||
height: 46rpx;
|
||||
margin-left: 360rpx;
|
||||
}
|
||||
.SettingsIcon.data-v-402ad917 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.name.data-v-402ad917 {
|
||||
font-size: 36.26rpx;
|
||||
font-weight: 500;
|
||||
color: #161616;
|
||||
}
|
||||
.content.data-v-402ad917 {
|
||||
position: absolute;
|
||||
top: 294.5rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: linear-gradient(to bottom, #11cb2a6e, #2574fc6d);
|
||||
}
|
||||
.PersonalInformation.data-v-402ad917 {
|
||||
margin-top: 200rpx;
|
||||
.PKInformation.data-v-402ad917 {
|
||||
margin-top: 48.5rpx;
|
||||
}
|
||||
.myPkRecord.data-v-402ad917 {
|
||||
margin-top: 48.5rpx;
|
||||
}
|
||||
.title.data-v-402ad917 {
|
||||
width: 682rpx;
|
||||
height: 33.4rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.header.data-v-402ad917 {
|
||||
background: #ffffff;
|
||||
margin-left: 50rpx;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 50%;
|
||||
.titleText.data-v-402ad917 {
|
||||
font-size: 34.35rpx;
|
||||
font-weight: bold;
|
||||
color: #100e0f;
|
||||
}
|
||||
.headerIcon.data-v-402ad917 {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 50%;
|
||||
.titleLine.data-v-402ad917 {
|
||||
width: 40.08rpx;
|
||||
height: 14.31rpx;
|
||||
margin-left: -40rpx;
|
||||
margin-top: 25rpx;
|
||||
border-radius: 7.16rpx 0rpx 7.16rpx 7.16rpx;
|
||||
background-color: #91e3e48b;
|
||||
}
|
||||
.name.data-v-402ad917 {
|
||||
.titleMore.data-v-402ad917 {
|
||||
margin-left: 410rpx;
|
||||
font-size: 28.63rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.myPkRecordMore.data-v-402ad917 {
|
||||
margin-left: 340rpx;
|
||||
font-size: 28.63rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.card.data-v-402ad917 {
|
||||
width: 689.03rpx;
|
||||
height: 208.02rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
margin-top: 26.5rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.card .cardContent.data-v-402ad917:first-child {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.Settings.data-v-402ad917 {
|
||||
margin-left: 370rpx;
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
.cardContent.data-v-402ad917 {
|
||||
width: 100rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-left: 83rpx;
|
||||
}
|
||||
.SettingsIcon.data-v-402ad917 {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
.logout.data-v-402ad917{
|
||||
margin-top: 20rpx;
|
||||
width: 100vw;
|
||||
.cardImg.data-v-402ad917 {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
color: #000000;
|
||||
font-size: 36rpx;
|
||||
background: #ffffff;
|
||||
border-top: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
border-radius: 40rpx;
|
||||
background-color: rgb(205, 205, 205);
|
||||
}
|
||||
.Time.data-v-402ad917 {
|
||||
font-size: 18rpx;
|
||||
text-align: center;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.gold.data-v-402ad917 {
|
||||
font-size: 18rpx;
|
||||
text-align: center;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.Failure.data-v-402ad917 {
|
||||
width: 56.3rpx;
|
||||
height: 29.58rpx;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAfCAYAAABZGLWTAAAAAXNSR0IArs4c6QAAAilJREFUWEftWTtPFFEU/r6ZJUuJiSQujwKRCfQkttJobJRY6Ax/ABNNKGiBAmwtTNZk9w+40BCtiDZYSmI/kxmFAmGNkIgdhFmPuUPW7C6vWVZ3ZhimnfP6zr3ncc8hQnz3PS/b5eOuAPcAGQV5EyLXSGZCsP9TEhHxQf6EyDrAz2Dlwy9df78yNHRwniKeRTC+sdHVeXA4TfApgOvnCYvw/65ACvvZjpdvBwb2TrPjVLCPbdfSyFcEuiME0ZRqAXYoMlUaMUonMR4De2d1NZPL9eYBTjalKVbEUiyXt55/HBvza82qA6uA3ujpX6LIo1jZfgFjhFz+vr35pBZwHVjLdgtgkk+00StSLA0bKt8E31+wKkZ18s0FnBhvFpGJagwHYI+yru8mKRmF9bBKWvvZjKGydADWdL7MEzIbVkDS6ETjwqJxa45Bw1DBt5jX0Vb9u7uno4+m4zwg9HetSos7v6DykKbt5Uk8i7uxrdongtcK7CcSt1sVFnt+wRpNx/txGbPwsYqrWknT8Q4JtP310u6bIIBPy/Gk3Yqj0peuk01XzKYkG0uQjVNVZ9PUQaWqNz569bgLBGeiKgn/W69AXiwOG7Ppe88qz1q2a+EyTio0baJkDAbTxvoZlOMWkj1VDDmDUmSpmi5WAedy/XlAEjw3ZrFc3jx7blx7CSz7qyX8nayNALFDalPVGG281Fe7nkaP1G/xMAoiui0exAfUFg/rAJra4v0Bqcv8upqc0XEAAAAASUVORK5CYII=");
|
||||
background-position-x: center;
|
||||
background-position-y: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #ffffff;
|
||||
font-size: 17.18rpx;
|
||||
text-align: center;
|
||||
line-height: 29.58rpx;
|
||||
margin-top: -20rpx;
|
||||
}
|
||||
.Result.data-v-402ad917 {
|
||||
width: 56.3rpx;
|
||||
height: 29.58rpx;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAfCAYAAABZGLWTAAAAAXNSR0IArs4c6QAAAi1JREFUWEflWU1rE1EUPaeGFGEiCShIdVXQrZuCW1e6U3BT2j9gwSYTcZVi5WFlZlVMTIXkDyhuBJe66rKCm24rdCV+NIWUZEBb41yZ0ZYk9mMyETLPN9u5575z7nv3fdxLRPg+5PPjExdw3fd5Q8ApUiYB5gCkIsD/tUkHkKYINwl5L/Dffv3MN5eq1d2TBuJxBqKKWS8t90HMATh7krMR/t+GoGbtcZmqvHMUjyPFem5+RjBWAXBuhCIGHbpB+LZVqr44DPiXWFHXUl76ygqIO4OOlBh7Qd3aW5+nWu10c+oRK0qlvHTzJYjbiSEelwjxyvqem6ZSB4J7xLYcu0adZ7QvMCKon1moBPtN+B2I/ZOjz+MGMqk4wp/dz+FQbFMVs6lx2dBsM4oa30Znl5dzqrwTim27hUcAF6Oi9bOTpUzp6UMGF4bzE2MfE36ODhvf7S+f/ItsOfM3yVOvh/WWdLzIz1tsO4UVkHeTTnZofiLP2HLsNRJXh3aWcAcE3gUzuwVSpyth3LA22HbtHyN6vcQlHRfXCcRKXLRuONNmtrAFGJKzLddeI8zZjU06Zw26QRl1Nw5fPY69BOKBbkdJZL6Cx5mFyqJ579kgQv9vpYKzVqkcVht7alBtx65pXVXsX9eCeuawGlRgZ1R18bdgQ+rG3avAc4szAtGwI0B7P0f7V/XxvZ4nxaz3TaNez2ku816MXk93VLq7eCSnBJgEMMIuHpoENkUG6+L9AlWo7Kxo5cagAAAAAElFTkSuQmCC");
|
||||
background-position-x: center;
|
||||
background-position-y: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #ffffff;
|
||||
font-size: 17.18rpx;
|
||||
text-align: center;
|
||||
line-height: 29.58rpx;
|
||||
margin-top: -20rpx;
|
||||
}
|
||||
.Session.data-v-402ad917 {
|
||||
font-weight: bold;
|
||||
font-size: 18rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.service.data-v-402ad917 {
|
||||
width: 200rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.cardtext.data-v-402ad917 {
|
||||
margin-top: 20rpx;
|
||||
font-size: 28.63rpx;
|
||||
color: #333333;
|
||||
font-weight: 400;
|
||||
}
|
||||
.copyright.data-v-402ad917{
|
||||
position: absolute;
|
||||
bottom: 250rpx;
|
||||
width: 100%;
|
||||
font-size: 23rpx;
|
||||
color: #929292;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
font-size: 24rpx;
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
bottom: 250rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 50rpx;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user