样式更新

zhaoxing

2023-05-18 8f2cbe828b4babdd8c033dd7126dd47f98e48443

 pages/index/chat.vue

@@ -45,10 +45,10 @@
            <view class="body_lpic a">
               <image :src="`${setting_data.base_url+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" color="#fff"></u-loading-icon>
                  <view v-if="!typeingText" style="padding: 30rpx;">{{ now_model.title }}思考中...</view>
            <view class="body_box">
               <view class="body_lcon pdg border_radius_l" style="display:flex; overflow-x: hidden;">
                  <!-- <u-loading-icon :show="loading" color="#fff"></u-loading-icon> -->
                  <view v-if="!typeingText" style="padding: 26rpx;">{{ 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>
@@ -93,7 +93,7 @@
               </view>
               <view class="dialog-main-bottom">
                  <view @click="delAll" class="item">
                     <u-icon name="trash" size="18" color="#fff"></u-icon>
                     <u-icon name="trash" size="18" color="#302cd9"></u-icon>
                     <view class="title">清除所有会话</view>
                  </view>
               </view>
@@ -479,22 +479,22 @@
      padding-bottom: calc(112rpx + env(safe-area-inset-bottom));
   }
   .left-wrap {
      width: 525rpx;
      width: 520rpx;
      height: 100vh;
      overflow-y: scroll;
      background-color: #202123;
      background-color: #302cd9;
      box-shadow: 2px 0 8px rgba(0,0,0,.3);
      color: #fff;

      .group-list {
         padding: 10px 10px;
         padding: 0;

         .group-item {
            border: 1px solid #4d4d4f;
            width: 100%;
            border: 1px solid #fff;
            height: 44px;
            color: #fff;
            border-radius: 8px;
            margin-bottom: 10px;
            border-radius: 12rpx;
            margin: 32rpx;
            position: relative;

            .group-title {
@@ -523,16 +523,18 @@
         }

         .dialog-main-list {
            padding-top: 12px;
            border-top: 2rpx solid #fff;
            border-bottom: 2rpx solid #fff;
            padding: 32rpx;
            overflow-y: scroll;
            height: calc(100vh - 340rpx);
            height: calc(100vh - 296rpx);

            .dialog-main-item {
               margin-bottom: 12px;
               display: flex;
               align-items: center;
               padding: 17px 14px;
               border-radius: 4px;
               padding: 12px 16px;
               border-radius: 12rpx;

               .dialog-msg-text {
                  color: #fff;
@@ -549,7 +551,7 @@
            }

            .dialog-main-sels {
               background-color: #343541;
               border: 2rpx solid #fff;
            }
         }

@@ -558,20 +560,20 @@
            left: 0;
            right: 0;
            bottom: 0;
            padding: 13px 17px;
            border-top: 1px solid #4c4d4f;
            padding: 12px 16px;

            .item {
               padding: 17px 0px;
               border: 1px solid #4c4d4f;
               padding: 14px 0px;
               background: #fff;
               border-radius: 4px;
               display: flex;
               align-items: center;
               justify-content: center;

               .title {
                  color: #fff;
                  font-size: 13px;
                  color: #302cd9;
                  font-size: 28rpx;
                  font-weight: 500;
                  margin-left: 8px;
               }
            }
@@ -592,7 +594,7 @@
   }
   .border_radius_r{
      border-top-right-radius:0;
      background: #fff;
      color: #222;
      background: #302cd9;
      color: #fff;
   }
</style>