Sfoglia il codice sorgente

fix: 将AI悬浮按钮移到work页面(登录后实际首页)

simonlll 1 settimana fa
parent
commit
5c78e427df
1 ha cambiato i file con 29 aggiunte e 0 eliminazioni
  1. 29 0
      src/pages/work/index.vue

+ 29 - 0
src/pages/work/index.vue

@@ -33,6 +33,11 @@
33 33
         </uni-grid>
34 34
       </view>
35 35
     </div>
36
+
37
+    <!-- AI助手悬浮按钮 -->
38
+    <view class="ai-float-btn" @click="openAiChat">
39
+      <text class="ai-float-icon">AI</text>
40
+    </view>
36 41
   </home-container>
37 42
 </template>
38 43
 <script>
@@ -93,6 +98,9 @@ export default {
93 98
     updateCurrentDate() {
94 99
       this.currentDate = this.formatDate(new Date());
95 100
     },
101
+    openAiChat() {
102
+      uni.navigateTo({ url: '/pages/ai-chat/index' });
103
+    },
96 104
     handleGridClick(url) {
97 105
       console.log('点击了宫格:', url, this.role);
98 106
       uni.navigateTo({
@@ -218,4 +226,25 @@ export default {
218 226
   font-size: 24rpx;
219 227
   color: #999;
220 228
 }
229
+
230
+.ai-float-btn {
231
+  position: fixed;
232
+  right: 40rpx;
233
+  bottom: 180rpx;
234
+  width: 100rpx;
235
+  height: 100rpx;
236
+  border-radius: 50%;
237
+  background: linear-gradient(135deg, #1890ff, #096dd9);
238
+  display: flex;
239
+  align-items: center;
240
+  justify-content: center;
241
+  box-shadow: 0 8rpx 24rpx rgba(24, 144, 255, 0.45);
242
+  z-index: 99;
243
+}
244
+.ai-float-icon {
245
+  color: #fff;
246
+  font-size: 28rpx;
247
+  font-weight: 700;
248
+  letter-spacing: 2rpx;
249
+}
221 250
 </style>