对话框样式

zhaoxing

2023-05-11 9dca0bcc506056ce4bf1301fc7614b3dec604c6f

 pages/index/chat.vue

@@ -15,11 +15,9 @@
                  <image :src="now_model.icon" mode=""></image>
               </view>
               <view class="body_box">
                  <view class="body_jt">
                     <u-icon name="play-left-fill" color="#30324f" size="20"></u-icon>
                  </view>
                  <view class="body_jt"></view>
                  <!-- <view class="body_lcon pdg" v-html="item.content"></view> -->
                  <view class="body_rcon pdg">
                  <view class="body_rcon pdg border_radius_l">
                     <zero-markdown-view :markdown="item.content"></zero-markdown-view>
                  </view>
                  <view style="position: absolute;right: 0;bottom: 10rpx;">
@@ -29,11 +27,9 @@
            </view>
            <view class="body_r" v-if="item.role == 'user'">
               <view class="body_box">
                  <view class="body_rjt">
                     <u-icon name="play-right-fill" color="#30324f" size="20"></u-icon>
                  </view>
                  <view class="body_rjt"></view>
                  <!-- <view class="body_rcon pdg" v-html="item.content"> -->
                  <view class="body_rcon pdg">
                  <view class="body_rcon pdg border_radius_r">
                     <zero-markdown-view :markdown="item.content"></zero-markdown-view>
                  </view>
               </view>
@@ -586,4 +582,14 @@

<style>
   @import '../../components/css/index.css';
</style>

<style scoped>
   .border_radius_l{
      border-top-left-radius:0
   }
   .border_radius_r{
      border-top-right-radius:0;
      background: #54c867;
   }
</style>