Style(云灵AI):界面调整

aiChat/views/history.vue

@@ -370,6 +370,15 @@
       }"
       class="page-to-bottom"
     >
+      <view class="down-icon-wrap">
+        <image
+          v-if="chatMessageListLength > 0 && !isScrollToBottom && !loading"
+          :src="webUrl + '/aiChat/down.png'"
+          class="icon down-icon"
+          mode="widthFix"
+          @click="scrollToBottomHandle"
+        />
+      </view>
       <view class="container">
         <view
           v-if="chatNumber"
@@ -383,13 +392,6 @@
           />
           开启新对话
         </view>
-        <image
-          v-if="chatMessageListLength > 0 && !isScrollToBottom && !loading"
-          :src="webUrl + '/aiChat/down.png'"
-          class="icon"
-          mode="widthFix"
-          @click="scrollToBottomHandle"
-        />
         <view
           v-for="(item, index) in bottomTools"
           :key="index"

aiChat/views/index.vue

@@ -493,6 +493,15 @@
       }"
       class="page-to-bottom"
     >
+      <view class="down-icon-wrap">
+        <image
+          v-if="chatMessageListLength > 0 && !isScrollToBottom && !loading"
+          :src="webUrl + '/aiChat/down.png'"
+          class="icon down-icon"
+          mode="widthFix"
+          @click="scrollToBottomHandle"
+        />
+      </view>
       <view class="container">
         <view
           v-if="chatNumber"
@@ -506,13 +515,6 @@
           />
           开启新对话
         </view>
-        <image
-          v-if="chatMessageListLength > 0 && !isScrollToBottom && !loading"
-          :src="webUrl + '/aiChat/down.png'"
-          class="icon"
-          mode="widthFix"
-          @click="scrollToBottomHandle"
-        />
         <view
           v-for="(item, index) in bottomTools"
           :key="index"
@@ -723,8 +725,8 @@ export default {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  height: calc(100vh - 220rpx);
-  padding: 0 0 220rpx 0;
+  height: calc(100vh - 240rpx);
+  padding: 0 0 240rpx 0;
   box-sizing: border-box;
 }
 .focus-guide-wrap {

assets/css/aiChat.less

@@ -99,7 +99,6 @@ page {
 		right: 0;
 		z-index: 8;
 		transition: all 0.2s;
-		overflow-x: auto;
 		&.focus {
 			transform: translateY(-40rpx);
 		}
@@ -110,6 +109,7 @@ page {
 			width: 100%;
 			padding: 0 24rpx;
 			box-sizing: border-box;
+			overflow-x: auto;
 		}
 		.new-chat {
 			display: flex;
@@ -131,13 +131,18 @@ page {
 				margin: 0 8rpx 0 0;
 			}
 		}
+		.down-icon-wrap {
+			display: flex;
+			justify-content: flex-end;
+			padding: 0 24rpx 18rpx 0;
+		}
 		.icon {
 			display: block;
 			flex-shrink: 0;
 			width: 64rpx;
 			height: 64rpx;
-			margin: 0 20rpx 0 0;
 			border-radius: 16rpx;
+			background-color: #fff;
 			box-shadow: 0rpx 6rpx 20rpx rgba(74,74,74,0.1);
 		}
 		.bottom-tool-item {
@@ -153,6 +158,9 @@ page {
 			color: #333;
 			background-color: #fff;
 			box-shadow: 0rpx 6rpx 20rpx rgba(74,74,74,0.1);
+			&:last-child {
+				margin-right: 0;
+			}
 			.tool-icon {
 				display: block;
 				width: 32rpx;
@@ -1239,8 +1247,6 @@ page {
 		}
 	}
 }
-.page-to-bottom {
-}
 .recommend-goods-wrap {
   width: calc(100% + 48rpx);
   padding: 24rpx 0;