Feat(云灵AI):界面细节调整

aiChat/components/bottomSend.vue

@@ -218,6 +218,7 @@ export default {
           if (tempFilePath && fileSize && duration) {
             _this.taskId = ''
             _this.clearIntervalFn()
+            uni.showLoading({ title: '识别中...' })
             uni.uploadFile({
               url: `${VUE_APP_API_URL}/api/upload`,
               filePath: tempFilePath,
@@ -231,6 +232,7 @@ export default {
               },
               fail: err => {
                 console.log(err)
+                uni.hideLoading()
               }
             })
           }
@@ -246,11 +248,12 @@ export default {
       }).then(taskRes => {
         _this.taskId = taskRes.data
         _this.getTransResultReq()
+      }).catch(() => {
+        uni.hideLoading()
       })
     },
     getTransResultReq() {
       const _this = this
-      uni.showLoading({ title: '识别中...' })
       _this.taskTimer = setInterval(() => {
         getFileTransResult({
           taskId: _this.taskId
@@ -270,6 +273,8 @@ export default {
               }
             }
           }
+        }).catch(() => {
+          uni.hideLoading()
         })
       }, 1000)
     },

aiChat/views/history.vue

@@ -177,6 +177,7 @@ export default {
     console.log(optisons)
     this.chatNumber = optisons.chatNumber
     this.pageTitle = optisons.title
+    this.pageTitle = this.pageTitle.length > 8 ? (this.pageTitle.substring(0, 8) + '...') : this.pageTitle
     this.init()
   },
   methods: {

aiChat/views/index.vue

@@ -31,6 +31,7 @@
               />
             </view>
             <view class="guide-right">
+              <view class="trangle" />
               <view class="title">{{ settingInfo.helloMessageTitle }}</view>
               <view class="content">{{ settingInfo.helloMessageContent }}</view>
             </view>
@@ -313,12 +314,23 @@ export default {
     }
   }
   .guide-right {
+    position: relative;
     padding: 30rpx;
     margin: 0 0 0 40rpx;
     border-radius: 20rpx;
     font-size: 24rpx;
     background-color: #fff;
     box-shadow: 0rpx 12rpx 30rpx rgba(0,0,0,0.1);
+    .trangle {
+      position: absolute;
+      bottom: 80rpx;
+      left: -15rpx;
+      width: 30rpx;
+      height: 30rpx;
+      background-color: #fff;
+      box-shadow: -30rpx 12rpx 30rpx rgba(0,0,0,0.1);
+      transform: rotate(45deg);
+    }
     .title {
       font-weight: bold;
     }
@@ -352,12 +364,14 @@ export default {
   }
   .list-wrap {
     width: 100%;
+    padding: 0 0 0 20rpx;
     margin: 60rpx 0 0 0;
-    overflow-x: auto;
+    overflow-x: hidden;
     .list-cont {
       display: flex;
       flex-wrap: wrap;
       width: 150%;
+      animation: translateXSwiper 10s infinite linear alternate;
       .list-item {
         display: flex;
         align-items: center;
@@ -379,4 +393,12 @@ export default {
     }
   }
 }
+@keyframes translateXSwiper {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-50%);
+  }
+}
 </style>