feat: 移动端添加AI智能客服(悬浮按钮+聊天页面,对接扣子API)
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user