81 lines
2.0 KiB
Plaintext
81 lines
2.0 KiB
Plaintext
/* pages/my/index.wxss */
|
|
.weui-cells::before {
|
|
border: none;
|
|
}
|
|
/* 第一版——start */
|
|
.infoViewWrap{
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
width: 100%;
|
|
height: 100%;
|
|
/* background-color: rgba(255, 255, 255, .5); */
|
|
}
|
|
.infoView{
|
|
width: 90%;
|
|
padding: 50rpx 40rpx;
|
|
top: 200rpx;
|
|
position: absolute;
|
|
left: 5%;
|
|
border-radius: 20rpx;
|
|
box-sizing: border-box;
|
|
background-color: #ffffff;
|
|
box-shadow: 0 0 28rpx 10rpx #dddddd;
|
|
}
|
|
.infoItem{
|
|
font-size: 30rpx;
|
|
color: #666666;
|
|
padding-top: 30rpx;
|
|
}
|
|
.itemLeft{
|
|
width: 160rpx;
|
|
display: inline-block;
|
|
}
|
|
/* 第一版——end */
|
|
/* 第二版——start */
|
|
.page{
|
|
height: 100%;
|
|
background: #f1f1f1;
|
|
}
|
|
.blueBack{
|
|
position: absolute;top: 0;left: 0;height: 200rpx;width:100%;background-color: #7bbd52;
|
|
}
|
|
.absoluteContentWrap{
|
|
position: absolute;width: 100%;height: 100%;
|
|
}
|
|
.userImgWrap{
|
|
width: 162rpx;height: 162rpx;border-radius: 80rpx;background: #ffffff;margin: auto;padding: 6rpx;box-sizing: border-box;
|
|
}
|
|
.userImg{
|
|
overflow:hidden;width: 150rpx;height: 150rpx;border-radius: 75rpx;
|
|
}
|
|
.infoContent{
|
|
width: 94%;height: 300rpx;background: #ffffff;border-radius: 10rpx;margin: auto;margin-top: -81rpx;
|
|
}
|
|
.totalStatic{
|
|
width: 94%;background: #ffffff;border-radius: 10rpx;margin: auto;padding: 20rpx 0;margin-top: 20rpx;color: #666666;box-sizing: border-box;
|
|
}
|
|
.boldLine{
|
|
display: inline-block;width: 10rpx;height: 30rpx;background: #017748;vertical-align: text-top; margin-right: 20rpx;
|
|
}
|
|
.loginBtn{
|
|
position: absolute;top:100rpx;right:20rpx;color:#ffffff;background-color: #7bbd52;padding: 15rpx;border-radius: 10rpx;display: inline-block;
|
|
}
|
|
.kaoshiWrap{
|
|
display: flex;color: #666666;font-size: 30rpx;margin-top: 10rpx;padding: 10rpx 0;border-top: 2rpx solid #eeeeee;
|
|
}
|
|
.kaoshiItem{
|
|
display: flex;flex-direction: column;flex: 1;text-align: center;
|
|
}
|
|
.button-container {
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.my-button {
|
|
background-color: #7bbd52;
|
|
color: #FFFFFF;
|
|
border: none;
|
|
border-radius: 5rpx;
|
|
font-size: 25rpx;
|
|
} |