feat: 移动端添加AI智能客服(悬浮按钮+聊天页面,对接扣子API)

This commit is contained in:
2026-10-09 17:41:51 +08:00
parent 2933904f4c
commit 6a3e44b247
3 changed files with 256 additions and 1 deletions
+23
View File
@@ -15,6 +15,7 @@
<view :class="['tab', {active: tabIndex === 7}]" @click="handTab(7)">收款账号</view>
<view :class="['tab', {active: tabIndex === 9}]" @click="handTab(9)" v-if="userData.userLevel > 1">新闻动态</view>
<view :class="['tab', {active: tabIndex === 2}]" @click="handTab(2)">修改密码</view>
<view :class="['tab', {active: tabIndex === 10}]" @click="$jump('/pages/ai/chat')">AI客服</view>
</view>
</u-sticky>
<!-- 主要内容 -->
@@ -60,6 +61,10 @@
<news :user-data="userData"></news>
</template>
</view>
<!-- AI 客服悬浮按钮 -->
<view class="ai-float-btn" @click="$jump('/pages/ai/chat')">
<u-icon name="kefu-ermai" size="48" color="#fff"></u-icon>
</view>
</view>
</template>
@@ -158,4 +163,22 @@ page {
}
}
}
.ai-float-btn {
position: fixed;
bottom: 195px;
right: 30rpx;
width: 100rpx;
height: 100rpx;
border-radius: 50%;
background: linear-gradient(135deg, #a92924, #d4574e);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4rpx 20rpx rgba(169, 41, 36, 0.4);
z-index: 999;
}
.ai-float-btn:active {
transform: scale(0.95);
}
</style>