/* 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; }