@icreate/ics-mui
Version:
京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）
1 lines • 4.62 kB
CSS
.medical-advice{width:100%;background:#fff;border-radius:4px}.medical-advice .medical-advice-box{overflow:hidden}.medical-advice .medical-advice-box .nut-swipe__content{width:calc(100% + 12px)}.medical-advice .medical-advice-list{width:100%;display:flex;align-items:flex-start;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.1)}.medical-advice .medical-advice-list .del_btn{width:65px;height:100%;padding:0;background:#ea5284}.medical-advice .medical-advice-list .nut-form{width:100%}.medical-advice .medical-advice-list .nut-cell-group__wrap{margin:0;border-radius:0;box-shadow:none}.medical-advice .medical-advice-list .nut-cell-group__wrap .nut-cell::after{display:none}.medical-advice .medical-advice-list .icon{margin-top:14px;margin-right:10px}.medical-advice .medical-advice-list .icon svg{width:20px;height:20px}.medical-advice .medical-advice-list .content-list{position:relative;flex:1}.medical-advice .medical-advice-list .content-list .list{display:flex;align-items:center;justify-content:space-between}.medical-advice .medical-advice-list .content-list .list .input{height:100%}.medical-advice .medical-advice-list .content-list .list .name{max-width:80%;font-family:PingFang SC;font-size:14px;line-height:18px;letter-spacing:0px;font-variation-settings:"opsz" auto;color:rgba(0,0,0,.85)}.medical-advice .medical-advice-list .content-list .list .nut-icon-rect-right{color:rgba(0,0,0,.65)}.medical-advice .medical-advice-list .content-list .merge-line{position:absolute;top:23px;right:10%;height:calc(100% - 46px);width:5px;border:1px solid #2c68ff;border-left:none}.nut-medical-advice-popup{background:rgba(0,0,0,0)}.nut-medical-advice-popup .nut-picker__bar{background:#fff;border-radius:5px 5px 0 0}.nut-medical-advice-popup .content-list{min-height:300px;padding:10px 15px;box-sizing:border-box;background:#f2f3f5;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;overflow:-moz-scrollbars-none;overflow-y:scroll}.nut-medical-advice-popup .content-list::-webkit-scrollbar{display:none}.nut-medical-advice-popup .content-list .list{margin-bottom:10px;border-radius:5px;border:1px solid #f2f3f5;background:#fff;overflow:hidden}.nut-medical-advice-popup .content-list .list .execution-time{display:flex;align-items:center;padding:3px 10px;margin-bottom:10px;box-sizing:border-box;font-family:PingFang SC;font-size:12px;font-weight:normal;letter-spacing:0px;color:rgba(0,0,0,.65);background:linear-gradient(90deg, #d1eaff 0%, rgba(239, 247, 253, 0) 99%);box-shadow:0px 0px 50px 0px rgba(196,225,223,.15)}.nut-medical-advice-popup .content-list .list .injection-box{position:relative;width:100%}.nut-medical-advice-popup .content-list .list .injection-box .merge-line{position:absolute;top:9px;right:10%;height:calc(100% - 53px);width:5px;border:1px solid #2c68ff;border-left:none}.nut-medical-advice-popup .content-list .list .injection-single{display:flex;flex-direction:column;align-items:flex-start;margin:7px 10px 0 10px;box-sizing:border-box;border-bottom:1px rgba(0,0,0,.1) solid}.nut-medical-advice-popup .content-list .list .injection-single .name{width:80%;font-family:PingFang SC;font-size:14px;font-weight:normal;line-height:18px;letter-spacing:0px;color:#1c2023}.nut-medical-advice-popup .content-list .list .injection-single .dose-usage{display:flex;align-items:center;margin-top:5px;margin-bottom:7px}.nut-medical-advice-popup .content-list .list .injection-single .dose-usage .dose{min-width:82px;margin-right:30px}.nut-medical-advice-popup .content-list .list .injection-single .dose-usage .label{font-family:PingFang SC;font-size:14px;font-weight:normal;line-height:18px;letter-spacing:0px;color:#606972}.nut-medical-advice-popup .content-list .list .injection-single .dose-usage .value{color:#1c2023}.nut-medical-advice-popup .content-list .list .injection .injection-single:last-child{border-bottom:none}.nut-medical-advice-popup .content-list .list-active{border:1px solid #4079ff}.nut-dialog-class{width:250px ;border-radius:8px }.nut-dialog-class .nut-dialog{width:100%;padding:15px 24px 16px 24px}.nut-dialog-class .nut-dialog .nut-dialog__header{font-family:PingFang SC;font-size:15px;font-weight:normal;line-height:normal;letter-spacing:0px;font-variation-settings:"opsz" auto;color:rgba(0,0,0,.85)}.nut-dialog-class .nut-dialog .nut-dialog__content{font-family:PingFang SC;font-size:14px;font-weight:normal;line-height:normal;text-align:center;letter-spacing:0px;font-variation-settings:"opsz" auto;color:rgba(0,0,0,.45)}.nut-dialog-class .nut-dialog__footer .nut-button{min-width:82px ;height:30px }