优化

unpackage/dist/dev/mp-weixin/pages/index/chat/chat.wxss

@@ -134,7 +134,6 @@
 .myChatNewsContent.data-v-f4b42ac4 {
   width: auto;
   height: auto;
-  background-color: #7bbd0093;
   border-radius: 20rpx;
   max-width: 450rpx;
 }
@@ -143,6 +142,43 @@
   height: 80rpx;
   border-radius: 10rpx;
 }
+.Voice.data-v-f4b42ac4 {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50rpx;
+  margin-left: 10rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.KeyboardImg.data-v-f4b42ac4 {
+  width: 70rpx;
+  height: 70rpx;
+  border-radius: 50rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.Keyboardpng.data-v-f4b42ac4 {
+  width: 100%;
+  height: 100%;
+  border-radius: 50rpx;
+}
+.MicrophoneImg.data-v-f4b42ac4 {
+  margin-top: 5rpx;
+  width: 53rpx;
+  height: 53rpx;
+  border: 4rpx solid #424242;
+  border-radius: 50rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.Microphonepng.data-v-f4b42ac4 {
+  width: 80%;
+  height: 80%;
+  border-radius: 50rpx;
+}
 .textareacomponent.data-v-f4b42ac4 {
   width: 570rpx;
   height: auto;
@@ -157,6 +193,18 @@
   overflow-wrap: break-word;
   margin-left: 30rpx;
 }
+.VoiceInput.data-v-f4b42ac4 {
+  width: 95%;
+  background-color: #ffffff;
+  height: 60rpx;
+  border-radius: 10rpx;
+  padding: 10rpx;
+  overflow-wrap: break-word;
+  margin-left: 30rpx;
+  line-height: 60rpx;
+  text-align: center;
+  color: #000;
+}
 .sendComponent.data-v-f4b42ac4 {
   margin-left: 40rpx;
 }
@@ -219,6 +267,14 @@
   transition: top 0.25s ease;
   z-index: 1000;
 }
+.popUpVoice.data-v-f4b42ac4 {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  background-color: #8b8b8bd7;
+}
 .popUpInvitationContent.data-v-f4b42ac4 {
   position: absolute;
   left: 0;
@@ -229,3 +285,54 @@
   border-top-left-radius: 40rpx;
   border-top-right-radius: 40rpx;
 }
+.popUpvoiceContent.data-v-f4b42ac4 {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 1000rpx;
+  /* transition: bottom 0.1s ease; */
+  /* background-color: #ebebeb; */
+}
+.gifModule.data-v-f4b42ac4 {
+  padding: 20rpx;
+  border-radius: 20rpx;
+  overflow: hidden;
+  height: 120rpx;
+  background-color: #232123;
+}
+.voiceCenter.data-v-f4b42ac4 {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+}
+.video-player.data-v-f4b42ac4 {
+  width: 300rpx;
+  height: 300rpx;
+  border-radius: 20rpx;
+  margin-top: -94rpx;
+}
+.CancelModule.data-v-f4b42ac4 {
+  width: 95%;
+  height: 100rpx;
+  text-align: center;
+  line-height: 100rpx;
+  background-color: #000000a9;
+  font-size: 30rpx;
+  color: #999999;
+  border-radius: 50rpx;
+  margin-top: 500rpx;
+}
+.btnModule.data-v-f4b42ac4 {
+  width: 100%;
+  height: 200rpx;
+  background-color: #000000;
+  color: #999999;
+  font-size: 30rpx;
+  text-align: center;
+  line-height: 200rpx;
+  border-top-left-radius: 50%;
+  border-top-right-radius: 50%;
+}