完成AI辅导员的聊天页面修改

pages/index/index.vue

@@ -37,7 +37,7 @@
 			<!-- AI 悬浮按钮 -->
 			<view class="ai-hover" @click="toAI">
 				<view class="ai-hover-content">
-					<text class="ai-hover-text">AI</text>
+					<image src="/static/iconAI.png" class="ai-hover-icon" mode="aspectFit"></image>
 				</view>
 			</view>
 
@@ -408,17 +408,18 @@
 		bottom: 120rpx;
 		right: 40rpx;
 		z-index: 999;
-		width: 100rpx;
-		height: 100rpx;
+		width: 120rpx;
+		height: 120rpx;
 		border-radius: 50%;
-		background-color: #409eff;
+		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 		color: #fff;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		cursor: pointer;
-		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
-		transition: transform 0.2s;
+		box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
+		transition: all 0.3s ease;
+		border: 3px solid rgba(255, 255, 255, 0.2);
 	}
 
 	.ai-hover-content {
@@ -429,12 +430,18 @@
 		height: 100%;
 	}
 
-	.ai-hover-text {
-		font-size: 36rpx;
-		font-weight: bold;
+	.ai-hover-icon {
+		width: 80rpx;
+		height: 80rpx;
+		filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
 	}
 
 	.ai-hover:active {
 		transform: scale(0.95);
 	}
+
+	.ai-hover:hover {
+		transform: scale(1.05);
+		box-shadow: 0 12px 25px rgba(102, 126, 234, 0.6);
+	}
 </style>