148 lines
2.5 KiB
Plaintext
148 lines
2.5 KiB
Plaintext
/* subpackage/student/my/my.wxss */
|
|
page {
|
|
background-color: rgb(247, 247, 247);
|
|
}
|
|
|
|
.page-content {
|
|
background-color: rgb(247, 247, 247);
|
|
background: linear-gradient(190deg, #49a5fc 0%, #f7f7f7 800rpx, #f7f7f7 100%);
|
|
/* padding: 0 30rpx; */
|
|
box-sizing: border-box;
|
|
padding-bottom: 300rpx;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.carmer {
|
|
width: 54rpx;
|
|
height: 54rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 50%;
|
|
background-color: #FFC20E;
|
|
box-sizing: border-box;
|
|
border: 2rpx solid #fff;
|
|
position: absolute;
|
|
bottom: -10rpx;
|
|
right: -10rpx;
|
|
}
|
|
|
|
.iconn {
|
|
margin-top: -4rpx;
|
|
margin-left: -1rpx;
|
|
}
|
|
|
|
.avater-box {
|
|
border: 20rpx solid #7abef5;
|
|
margin: 0 auto;
|
|
border-radius: 50%;
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
.avater {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
border-radius: 50%;
|
|
z-index: 999;
|
|
}
|
|
|
|
.chose {
|
|
margin: 34rpx 20rpx 0;
|
|
text-align: center;
|
|
color: #fff;
|
|
/* background-color: brown; */
|
|
background-image: url(https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/room/uuser-bbgg.png);
|
|
background-size: cover;
|
|
height: 180rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
}
|
|
|
|
|
|
.name {
|
|
text-align: center;
|
|
}
|
|
|
|
.lab {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
background-color: #fff;
|
|
font-size: 24rpx;
|
|
padding: 20rpx 0;
|
|
}
|
|
|
|
.lab-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.lab-img {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
/* margin-top: 20rpx; */
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.cell {
|
|
padding: 46rpx 30rpx;
|
|
border-radius: 20rpx;
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: 26rpx;
|
|
margin: 20rpx 30rpx 0 30rpx;
|
|
}
|
|
|
|
.left {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.left-img {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.desc {
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.name {
|
|
margin-top: 4rpx;
|
|
font-size: 24rpx;
|
|
color: #777777;
|
|
}
|
|
|
|
.right {
|
|
border-radius: 75px;
|
|
background: rgb(38, 166, 246, .1);
|
|
height: 50rpx;
|
|
width: 110rpx;
|
|
font-size: 24rpx;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
border: 2rpx solid rgb(38, 166, 246);
|
|
}
|
|
|
|
.btnn {
|
|
background-color: rgba(255, 255, 255, 0);
|
|
width: 100%;
|
|
/* height: 160rpx !important; */
|
|
border-radius: 50%;
|
|
}
|
|
|