.talk-btns-components { position: flex; left: 0; bottom: 0; overflow: hidden; width: calc(100vw - 60rpx); margin: 10rpx 20rpx; background-color: #fff; box-shadow: 0 4rpx 14rpx rgba(100, 100, 100, 0.3); padding: 0 10rpx; display: flex; align-items: center; border: 2rpx solid rgba(0, 0, 0, 0); border-radius: 8rpx; box-sizing: border-box; &.inputMode { border: 2rpx solid #dedede; } &.action { background-color: #dadada; } // 左侧输入框和语音按钮的父盒子 .touch-btn { flex: 1; // 录音按钮 .voice-btn { border: none; height: 90rpx; .voice-text { font-size: 30rpx; } } // 输入盒子 .input-box { height: 90rpx; } } // 右侧切换图标的盒子 .talk-right-icon-div { margin: 10rpx 10rpx 0 0; .talk-right-icon { width: 50rpx; height: 50rpx; } } // .touch-btn { // height: 92rpx; // box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.06); // text-align: center; // line-height: 92rpx; // color: #000; // font-weight: 400; // position: relative; // .input-box { // width: 100%; // height: 92rpx; // line-height: 92rpx; // text-align: left; // box-sizing: border-box; // padding: 0 40rpx 0 40rpx; // } // } // .talk-btn-box { // position: absolute; // height: 100%; // width: 120rpx; // right: 0; // top: 0; // .talk-btn-icon { // width: 40rpx; // height: 40rpx; // position: absolute; // right: 60rpx; // top: 50%; // margin-top: -20rpx; // } // } }