110 lines
1.8 KiB
Plaintext
110 lines
1.8 KiB
Plaintext
/* pages/medinceRecord/medinceRecord.wxss */
|
||
.page{
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.conbox{
|
||
flex:1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.recordwrper{
|
||
flex:1;
|
||
overflow-y: scroll;
|
||
-webkit-overflow-scrolling: touch;
|
||
border: 1px solid transparent;
|
||
}
|
||
.conbox{
|
||
margin-top: 172rpx;
|
||
}
|
||
.recordtitle{
|
||
margin:36rpx 32rpx 0;
|
||
height: 105rpx;
|
||
/* padding-bottom: 20rpx; */
|
||
background: #3CC7C0;
|
||
border-radius: 10rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
color:#fff;
|
||
}
|
||
.recordtitle .name{
|
||
margin-left: 22rpx;
|
||
font-size: 40rpx;
|
||
}
|
||
.xia{
|
||
width:28rpx;
|
||
margin-left: 10rpx;
|
||
height:28rpx;
|
||
transition: all 0.5s linear;
|
||
}
|
||
.xia.active{
|
||
transform: rotate(180deg);
|
||
}
|
||
.recordcell{
|
||
padding:20rpx;
|
||
margin:0 32rpx 20rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 10rpx
|
||
}
|
||
.namebox{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 92rpx;
|
||
border-bottom: 1rpx solid #E3E4E5;
|
||
}
|
||
.namebox .name{
|
||
color: #333333;
|
||
font-size: 34rpx;
|
||
}
|
||
.namebox .date{
|
||
font-size: 28rpx;
|
||
color: #999999;
|
||
}
|
||
.desc{
|
||
word-wrap: break-word;
|
||
font-size: 30rpx;
|
||
color: #666666;
|
||
margin-top: 20rpx;
|
||
}
|
||
.desc .sickname::after{
|
||
content:"；"
|
||
}
|
||
.desc .sickname:last-child::after{
|
||
content:""
|
||
}
|
||
.recorddes{
|
||
font-size: 28rpx;
|
||
margin-top: 20rpx;
|
||
color: #666666;
|
||
padding:10rpx;
|
||
background: #FAFAFA;
|
||
border-radius: 10rpx;
|
||
line-height: 48rpx;
|
||
word-wrap: break-word;
|
||
}
|
||
.recorddes .text::after{
|
||
content: "；";
|
||
}
|
||
.recorddes .text:last-child::after{
|
||
content: "";
|
||
}
|
||
.btnbox{
|
||
margin-top: 20rpx;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
}
|
||
.btn{
|
||
width: 168rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height: 60rpx;
|
||
font-size: 28rpx;
|
||
color: #FFFFFF;
|
||
background: linear-gradient(129deg, #13DFD5 0%, #31C9C1 100%);
|
||
border-radius: 29rpx;
|
||
}
|
||
.nonedata{
|
||
min-height:600rpx;
|
||
} |