/* Pages/yishi/patient_sick/index.wxss *//* Pages/yishi/medince_list/index.wxss */ page{ height:100vh; background-color: #F6F6F6; } .page{ height:100vh; display: flex; flex-direction: column; } .container{ /* height:calc(100vh - 135rpx); */ display: flex; overflow: hidden; /* overflow-y: scroll; */ /* -webkit-overflow-scrolling: touch; */ flex-direction: column; } .searchCon{ width:100%; background:#fff; } .searchbox{ display: flex; margin:32rpx; align-items: center; height: 80rpx; background: #FFFFFF; border-radius: 40rpx; border: 2rpx solid #3CC7C0; } .searchIpt{ flex:1; margin-left: 32px; } .searchImg{ width: 40rpx; height:40rpx; padding:30rpx; } .tips{ display: flex; flex-direction: column; justify-content: center; position: absolute; width: 200rpx; height:200rpx; font-size: 22rpx; font-weight: 400; color: #666666; } .desc{ text-align: center; } .medimgbox{ position: relative; width: 200rpx; height:200rpx; margin-left: 30rpx; display: flex; justify-content: center; align-items: center; border-radius:5rpx; } .medImg{ width:120rpx; height:128rpx; } .titlebox{ display: flex; justify-content: space-between; align-items: center; } .cell{ position: relative; padding:20rpx 0; background: #FFFFFF; box-shadow: 0rpx 2rpx 16rpx 2rpx rgba(0,0,0,0.02); border-radius: 12rpx; margin:0 32rpx 20rpx; } .rightbox{ flex:1; margin-left: 24rpx; margin-right: 20rpx; } .scrollbox{ margin-top: 20rpx; flex:1; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .bottombox{ display: flex; align-items: center; justify-content: space-between; } .info .name{ word-break: break-all; font-size: 32rpx; font-weight: 600; color: rgba(0,0,0,0.85); } .company{ margin-top: 5rpx; font-size: 26rpx; font-weight: 400; color: rgba(0,0,0,0.45); } .cell .title{ display: flex; font-size: 34rpx; color: #333333; } .cell{ padding:20rpx; } .cell .name{ margin-right: 20rpx; } .row{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* 设置最大显示行数 */ -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; margin-top: 20rpx; font-size: 30rpx; line-height: 42rpx; color: #666666; } .date{ margin-top: 20rpx; font-size: 26rpx; font-weight: 400; color: #999999; } .mark{ position: absolute; bottom:0; display: flex; align-items: center; justify-content: center; right:0px; font-size: 24rpx; font-weight: 400; color: #3CC7C0; width: 126rpx; height: 54rpx; background: #E9FFFE; border-radius: 10rpx 0rpx 0rpx 10rpx; } .icon{ color:#c3c3c3; }