134 lines
2.0 KiB
Plaintext
134 lines
2.0 KiB
Plaintext
page{
|
|
background-color: #F6F6F6;
|
|
}
|
|
.container{
|
|
/* width: 100vw; */
|
|
padding: 0 4vw;
|
|
}
|
|
.main_title{
|
|
font-size: 16px;
|
|
color: #000000;
|
|
margin: 30rpx 0;
|
|
}
|
|
.data_box{
|
|
margin-top: 20rpx;
|
|
width: calc(92vw - 40rpx);
|
|
background-color: #fff;
|
|
border-radius: 20rpx;
|
|
padding: 20rpx;
|
|
}
|
|
.data_box_top{
|
|
display: flex;
|
|
}
|
|
.name{
|
|
font-size: 34rpx;
|
|
color: #3CC7C0;
|
|
margin-right: 20rpx;
|
|
}
|
|
.sex{
|
|
font-size: 34rpx;
|
|
color: #666666;
|
|
}
|
|
.info{
|
|
|
|
background: #FAFAFA;
|
|
border-radius: 10rpx;
|
|
|
|
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 20rpx 0 0;
|
|
padding:10rpx 20rpx 20rpx;
|
|
}
|
|
.info_item{
|
|
text-align: left;
|
|
width: 33.3%;
|
|
margin-right: -1rpx;
|
|
/* height: 60rpx; */
|
|
margin-top: 10rpx;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
align-items: flex-start;
|
|
}
|
|
.info_item:nth-child(3n){
|
|
margin-right: 0rpx;
|
|
}
|
|
.info_title{
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
}
|
|
.info_val{
|
|
font-size: 28rpx;
|
|
flex: 1;
|
|
color: #666666;
|
|
}
|
|
.disease_box{
|
|
|
|
}
|
|
.disease_box_item{
|
|
margin-bottom: 30rpx;
|
|
display: flex;
|
|
}
|
|
.data_box .disease_box_item:first-child{
|
|
margin-top: 20rpx;
|
|
}
|
|
.orther .disease_box_item:first-child{
|
|
margin-top: 0rpx;
|
|
}
|
|
.title{
|
|
font-size: 30rpx;
|
|
color: #333333;
|
|
}
|
|
.conent{
|
|
flex: 1;
|
|
font-size: 28rpx;
|
|
color: #666666;
|
|
word-wrap:break-word;
|
|
word-break:break-all;
|
|
}
|
|
.disease_info{
|
|
background: #FAFAFA;
|
|
border-radius: 10rpx;
|
|
padding: 10rpx;
|
|
font-size: 26rpx;
|
|
color: #999999;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.img_box{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.van-uploader__wrapper{
|
|
display: flex !important;
|
|
}
|
|
.van-uploader__preview{
|
|
padding: 20rpx 15rpx !important;
|
|
background-color: #E4E4E4 !important;
|
|
border-radius: 15rpx;
|
|
width: 150rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.orther{
|
|
margin-bottom: 50rpx;
|
|
}
|
|
|
|
.sugar{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content:space-between ;
|
|
}
|
|
.sugar .name{
|
|
color:#333;
|
|
|
|
font-size: 30rpx;
|
|
}
|
|
.sugar .date{
|
|
margin-top: 12rpx;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: rgba(0,0,0,0.45);
|
|
|
|
} |