/* pages/chatHis/chatHis.wxss */ .fl{ float: left; } .display_flex{ display: flex; } .TopBar{ width: 100%; position: fixed; top: 0; z-index: 1; background-color: rgb(226, 226, 226); } .ill_record_box { background: #fff; display: flex; border-bottom: #48C17B 1px solid; } .ill_record_box:last-child{ border-bottom: #48C17B 0px solid; } .ill_picker{ width: 100%; } .ill_picker_view { background: #fff; border-radius: 3px; display: flex; height: 44px; } .ill_before_text,.symptom_before_text { font-size: 13px; color: #48C17B; margin-left: 8px; line-height: 44px; width: 56px; } .ill_name_box{ display: flex; width: calc(100% - 62px); margin: 0 4px; padding-left: 4px; align-self: center; } .ill_name_text { font-size: 14px; color: #333; line-height: 44px; width: calc(100% - 24px); } .chooce_ill_image { width: 12px; height: 12px; margin-top: 15px; margin-right: 12px; } .describe_input{ width: calc(100% - 64px); line-height: 36px; height: 36px; margin: 0 4px; padding-left: 4px; align-self: center; } .txet_btn{ font-size: 13px; color: #48C17B; line-height: 44px; } .txet_btn_istrue{ color: #ddd; font-size: 13px; line-height: 44px; } .symptom_view{ width: 100%; } .buttonGroup{ width: 100%; background-color:#fff; height: 45px; display: flex; justify-content: center; } .btn{ padding: 4px 16px; line-height: 26px; height: 26px; border-radius: 4px; font-size: 17px; background-color: #48C17B; text-align: center; margin: 5px; color: #fff; } .warning_remind_color{ border: solid 1px rgb(245, 128, 128); color: rgb(245, 128, 128) } /* 底部 */ .room_bar{ width: 100%; border-top: 1px solid #CFCFCF; position: fixed; bottom: 0; right: 0; z-index: 1; background-color: #FFFFFF; } .room_bar button::after { border: none } .input_bar{ width: 70%; } .btn_bar_right{ width: 18%; display: flex; height: 94rpx; float: right; } .btn_bar_left{ width: 10%; display: flex; height: 94rpx; float: left; } .news{ width: 98%; height: 30px; border: 1px solid #CFCFCF; border-radius: 5px; font-size: 14px; padding-left: 4px; margin: 4px 2px 4px 2px; } .recording_btn{ height: 30px; border: 1px solid #CFCFCF; border-radius: 5px; font-size: 13px; line-height: 30px; margin: 4px 2px 4px 2px; } .send_btn{ width: 40px!important; height: 30px; line-height: 30px; font-size: 14px; color: #000; padding: 0; margin: 4px 8px auto auto!important; margin-left: 0!important; margin-right:0!important; background-color: #fff; } .send_image{ height: 100%; width: 100%; border: 0; padding: 0; margin-left: 0!important; margin-right: 0!important; background-color: #fff; } .send_image image { width: 42rpx; height:50%; } /* 聊天 */ .scroll_view{ margin-top: 185px; margin-bottom: 106rpx; } .message{ width: 92%; padding: 0 30rpx; position: relative; } .self{ text-align: right; } .user{ position: relative; bottom: -30rpx; } .user-text{ text-align: center; font-size: 28rpx; color: #cacaca; display: block } .self .avatar { float: right; margin: 0 0 0 20rpx; } .avatar { width: 72rpx; height: 72rpx; margin: 0 20rpx 0 0; border-radius: 6rpx; float: left; } .self .msg { background-color: #48C17B; color: #fff; } .msg { display: inline-block; padding: 20rpx; max-width: calc(85% - 80rpx); min-height: 40rpx; font-size: 24rpx; text-align: left; word-break: break-all; background-color: #fff; border-radius: 26rpx; position: relative; margin-top: 38rpx; } .msg .msg-text { line-height: 40rpx; font-size: 32rpx; margin: 0; } .msg .msg_popleftarrow { position: absolute; left: -14rpx; height: 18rpx; width: 18rpx; margin-top: -10rpx; } .hide { display: none; } .err { width: 32rpx; height: 32rpx; position: absolute; left: -40rpx; } .msg .msg_poprightarrow { position: absolute; right: -10rpx; height: 18rpx; width: 18rpx; margin-top: -10rpx; } .template { display: inline; } /* 录音开始 */ .modal { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 999; /*display: flex; justify-content: center; align-items: center;*/ } .modal-record .modal-body { width: 480rpx; height: 440rpx; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 3px; box-shadow: 0 0 32rpx rgba(0, 0, 0, 0.15); position: fixed; bottom: 480rpx; left: 50%; margin-left: -240rpx; } .modal-record .desc { color: rgb(112, 126, 137); font-size: 13px; margin-bottom: 40rpx; display: block; height: 30rpx; width: 100%; text-align: center; } .modal-record .dot { width: 128rpx; height: 128rpx; border-radius: 50%; background-color: #0873DE; display: flex; justify-content: center; align-items: center; } .dot image { width: 44rpx; height: 64rpx; } .sound-waves { width: 100%; box-sizing: border-box; padding-left:10%; margin-top: 80rpx; height: 80rpx; text-align: center; } .sound-waves view { transition: all 0.5s; width: 1%; margin-left: 1.5%; margin-right: 1.5%; height: 160rpx; background-color: #aaa; float: left; } .audio-player { position: relative; overflow: hidden; display: flex; transition: opacity .5s; } .audio-player .controls { height:40rpx; align-items:center; display:flex; } .audio-player .controls image { height: 48rpx; width: 30rpx; margin: 0 8rpx 0 100rpx; } .audio-player .time { font-size: 34rpx; line-height: 40rpx; flex: 1; text-align: left; }