/* prescription/dialogue/index.wxss */ page { background-color: #f1f1f1; } .inputRoom { /* height: 80rpx; align-items: center; padding: 20rpx 30rpx 20rpx 0; border-top: 1px solid #cdcdcd; background-color: #f1f1f1; position: fixed; bottom: 0; display: flex; align-items: center; z-index: 20; */ background: #fff; height: 100rpx; position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; display: flex; display: -webkit-flex; align-items: center; } .ipt { width: 76vw; height: 9.33vw; background-color: #fff; border-radius: 40rpx; margin-left: 2vw; padding: 0 3vw; font-size: 28rpx; color: #444; } .confirm{ background: #FE0419; width: 50%; height: 100%; text-align: center; line-height: 100rpx; color: #fff; font-size: 32rpx; } .no{ background: #BDC2C9; width: 50%; height: 100%; text-align: center; line-height: 100rpx; color: #fff; font-size: 32rpx; } .suc{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: 536rpx;border-radius: 20rpx;z-index: 100;text-align: center;} .title{padding: 30rpx 0;} .btn{border-top: 1rpx solid #E5E5E5;margin-top: 30rpx;} .cancel{width: 50%;border-right: 1rpx solid #E5E5E5;height: 100%;padding: 30rpx 0;} .queren{width: 50%;height: 100%;padding: 30rpx 0; color: #FF3C19;} .tips{background: #F9F8D9; padding: 20rpx; color: #F97326;font-size: 26rpx;} .authorization{color: #75B1FC; justify-content: space-between;} .underline{text-decoration:underline} .txt{line-height: 36rpx; } .top{box-sizing: border-box;align-items: center;padding: 20rpx; margin: 10rpx 0 10rpx 0;} .topcon{position: relative;z-index: 2;display: flex;display: -webkit-flex;} .logo{display: block;width: 80rpx;height: 80rpx;z-index: 2;} .doctor,.subject{margin-right: 20rpx;} .leftMsg { font-size: 28rpx; color: #444; line-height: 7vw; padding: 2vw 2.5vw; background-color: #fff; margin-left: -1.6vw; border-radius: 10rpx; z-index: 10; position: relative; margin-left:20px; } .leftMsg:before { content: ""; display: block; position: absolute; width:0; height: 0; border: 10px solid transparent; /*边框宽度为10px 颜色透明(也就是隐藏) */ border-right-color: #fff; /*只显示右边的边框 显示效果就是向左的箭头*/ left: -20px; /*在DIV左边显示右边的边框 要向左移动2倍边框宽度 即20px*/ top: 9px; /*高度为25+5+5=35 排除箭头高度20 剩余15 显示在距顶部9px的位置 */ } .rightMsg { position: relative; /* margin-right: 0.5vw; */ font-size: 28rpx; color: #444; line-height: 7vw; padding: 2vw 2.5vw; background-color: #96EB6A; margin-right: 26rpx; border-radius: 10rpx; z-index: 10; } .rightMsg:before { content: ""; display: block; position: absolute; width:0; height: 0; border: 10px solid transparent; /*边框宽度为10px 颜色透明(也就是隐藏) */ border-left-color: #96EB6A; /*只显示右边的边框 显示效果就是向左的箭头*/ right: -20px; /*在DIV左边显示右边的边框 要向左移动2倍边框宽度 即20px*/ top: 9px; /*高度为25+5+5=35 排除箭头高度20 剩余15 显示在距顶部9px的位置 */ }