1 |
- page{height:100%}.content{height:100vh}.content .msg-cont{padding-bottom:550rpx;width:100%;height:calc(100vh - 760rpx)}.content .msg-cont .msg-scroll{height:calc(100vh - 760rpx)}.content .msg-cont .msg-scroll .msgs{overflow:hidden;width:100%}.content .msg-cont .msg-scroll .msgs .msg-item{padding:10rpx 15rpx;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.content .msg-cont .msg-scroll .msgs .msg-item .left{width:100%;display:flex;justify-content:flex-start;align-items:flex-start}.content .msg-cont .msg-scroll .msgs .msg-item .left .img{min-width:100rpx;width:100rpx;height:100rpx;border-radius:50%}.content .msg-cont .msg-scroll .msgs .msg-item .left .img image{width:100%;height:100%}.content .msg-cont .msg-scroll .msgs .msg-item .left .msg-content{margin-top:15rpx;margin-left:10rpx;border-radius:15rpx;padding:15rpx;background-color:#fff;color:#111;font-size:28rpx;font-family:PingFang SC}.content .msg-cont .msg-scroll .msgs .msg-item .right{width:100%;display:flex;justify-content:flex-end;align-items:flex-start}.content .msg-cont .msg-scroll .msgs .msg-item .right .msg-content{margin-top:15rpx;margin-right:10rpx;border-radius:15rpx;padding:15rpx;background-color:#d3ad58;color:#fff;font-size:28rpx;font-family:PingFang SC}.content .msg-cont .msg-scroll .msgs .msg-item .right .img{min-width:100rpx;width:100rpx;height:100rpx;border-radius:50%}.content .msg-cont .msg-scroll .msgs .msg-item .right .img image{width:100%;height:100%}.content .option-cont{position:fixed;bottom:0rpx;height:550rpx;width:100%;background-color:#fff;border-radius:60rpx 60rpx 0rpx 0rpx;padding:30rpx}.content .option-cont .option-title{width:100%;padding-bottom:15rpx;display:flex;align-items:center;justify-content:center;font-size:32rpx;font-family:PingFang SC;color:#111}.content .option-cont .options{display:flex;flex-direction:column;justify-content:center;align-items:center}.content .option-cont .options .option-item{display:flex;align-items:center;justify-content:center;width:100%;border:1rpx solid #eee;margin-bottom:10rpx;padding:15rpx;border-radius:5rpx}.content .title{padding:15rpx 30rpx;display:flex;justify-content:center;align-items:center;width:100%;background-color:#d3ad58;font-size:24rpx;font-family:PingFang SC;font-weight:700;color:#fff}.content .patient-cont{padding:15rpx}.content .patient-cont .chose-patient{padding:30rpx;box-shadow:0 0 5px 2px rgba(0,0,0,.05);background-color:#fff;border-radius:15rpx}.content .patient-cont .chose-patient .patient-box{display:flex;align-items:center;justify-content:space-between}.content .patient-cont .chose-patient .patient-box .patient-title{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111}.content .patient-cont .chose-patient .patient-box .right{height:100%;display:flex;align-items:center;justify-content:center}.content .patient-cont .chose-patient .patient-box .right .value{font-size:28rpx;font-family:PingFang SC;color:#999;margin-right:10rpx}.content .patient-cont .chose-patient .patient-box .right image{width:15rpx;height:30rpx}.content .patient-cont .chose-patient .patient{display:flex;align-items:center;justify-content:space-between;height:110rpx}.content .patient-cont .chose-patient .patient .left .name{font-size:30rpx;line-height:1;font-family:PingFang SC;font-weight:700;color:#111}.content .patient-cont .chose-patient .patient .left .info{margin-top:30rpx;display:flex;align-items:center}.content .patient-cont .chose-patient .patient .left .info .text{font-size:26rpx;font-family:PingFang SC;line-height:1;font-weight:500;color:#999;margin-right:19rpx}.content .patient-cont .chose-patient .patient .right{display:flex;align-items:center}.content .patient-cont .chose-patient .patient .right image{width:15rpx;height:30rpx}.content .items{padding:15rpx;width:100%;padding:30rpx;border-radius:15rpx;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.content .items .item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;background-color:#f8f8f8;margin-bottom:15rpx}.content .items .item .name{font-size:32rpx;font-family:PingFang SC;color:#2a2b2e;font-weight:700;margin-bottom:15rpx}.content .items .item .options{margin:15rpx 0rpx;width:100%;display:flex;align-items:center;justify-content:space-between}.content .items .item .options .option{margin-right:10rpx;margin-bottom:10rpx;display:flex;align-items:center;justify-content:center;border-radius:10rpx;width:20%;height:80rpx;border:1rpx solid #9b9b9b;font-size:28rpx;font-family:PingFang SC;color:#2a2b2e;background-color:#fff}.content .items .item .options .option:last-child{margin-right:0rpx;margin-bottom:0rpx}.content .items .item .options .active{border:1rpx solid #d3ad58;background-color:#d3ad58;color:#fff}.content .btns{display:flex;align-items:center;justify-content:space-between;width:100%;padding:30rpx}.content .btns .btn{height:80rpx;margin:0rpx 30rpx;border-radius:60rpx;width:100%;border:1rpx solid #d3ad58;font-size:32supx;font-family:PingFang SC;color:#fff;font-weight:700;background-color:#d3ad58;display:flex;align-items:center;justify-content:center}.content .tips{flex-direction:column;display:flex;align-items:center;justify-content:center;width:100%;padding:30rpx}.content .tips .tip-title{font-size:26supx;font-family:PingFang SC;color:#888;font-weight:700}.content .tips .desc{margin-top:15rpx;font-size:24rpx;font-family:PingFang SC;color:#b8bdb5}
|