聊天框样式调整

zhaoxing

2023-05-11 ac65fb87fa3f2e0cd551019cd6cb8de753eebce8

 pages/index/chat.vue

@@ -16,7 +16,7 @@
               </view>
               <view class="body_box">
                  <view class="body_jt">
                     <u-icon name="play-left-fill" color="#F6F7FB" size="20"></u-icon>
                     <u-icon name="play-left-fill" color="#30324f" size="20"></u-icon>
                  </view>
                  <!-- <view class="body_lcon pdg" v-html="item.content"></view> -->
                  <view class="body_rcon pdg">
@@ -30,7 +30,7 @@
            <view class="body_r" v-if="item.role == 'user'">
               <view class="body_box">
                  <view class="body_rjt">
                     <u-icon name="play-right-fill" color="#F6F7FB" size="20"></u-icon>
                     <u-icon name="play-right-fill" color="#30324f" size="20"></u-icon>
                  </view>
                  <!-- <view class="body_rcon pdg" v-html="item.content"> -->
                  <view class="body_rcon pdg">
@@ -473,6 +473,12 @@
</script>

<style lang="scss">
   page {
      background-color: #17181d;
      box-sizing: border-box;
      letter-spacing: 0;
      word-wrap: break-word;
   }
   .safebottom {
      padding-bottom: calc(112rpx + env(safe-area-inset-bottom));
   }