样式修改

zhaoxing

2023-05-13 9563b1b03728efbccf66c59d4deb83c4a83ebafc

 pages/index/index.vue

@@ -7,11 +7,8 @@
                  <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_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;">
@@ -21,11 +18,8 @@
            </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_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>
@@ -36,21 +30,23 @@
               </view>
            </view>
         </view>
      </view>
      <view class="body_l" v-if="loading" style="margin-left: 30rpx;" id="loading">
         <view class="body_lpic a">
            <image :src="now_model.icon" mode=""></image>
         </view>
         <view class="body_box ">
            <view class="body_lcon pdg" style="display: flex;overflow-x: hidden;">
               <u-loading-icon :show="loading"></u-loading-icon>
               <view v-if="!typeingText" style="padding: 30rpx;">{{ now_model.title }}思考中...</view>
               <!-- <zero-markdown-view v-if="!typeingText" style="padding: 0 20rpx;" :markdown="now_model.title">思考中...</zero-markdown-view> -->
               <!-- <view v-else style="padding: 30rpx;">{{ typeingText }}...</view> -->
               <zero-markdown-view v-else style="padding: 0 20rpx;" :markdown="typeingText"></zero-markdown-view>
			
         <view class="body_l" v-if="loading" id="loading">
            <view class="body_lpic a">
               <image :src="now_model.icon" mode=""></image>
            </view>
            <view class="body_box ">
               <view class="body_lcon pdg border_radius_l" style="display: flex;overflow-x: hidden;">
                  <u-loading-icon :show="loading"></u-loading-icon>
                  <view v-if="!typeingText" style="padding: 30rpx;">{{ now_model.title }}思考中...</view>
                  <!-- <zero-markdown-view v-if="!typeingText" style="padding: 0 20rpx;" :markdown="now_model.title">思考中...</zero-markdown-view> -->
                  <!-- <view v-else style="padding: 30rpx;">{{ typeingText }}...</view> -->
                  <zero-markdown-view v-else style="padding: 0 20rpx;" :markdown="typeingText"></zero-markdown-view>
               </view>
            </view>
         </view>
      </view>
		
      <view class="flooer">
         <view class="flooer_l">
            <u--textarea v-model="prompt" placeholder="请输入内容,开始体验与人工智能交流吧" border="none" autoHeight
@@ -367,4 +363,14 @@
</style>
<style>
   @import '../../components/css/index.css';
</style>
<style scoped>
   .border_radius_l{
      border-top-left-radius:0;
      background: #30324f;
   }
   .border_radius_r{
      border-top-right-radius:0;
      background: #54c867;
   }
</style>