zfc/bindbox-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 接入抖店IM，修改抖音登录

Browse Source
This commit is contained in:
tsui110 2026-01-06 21:58:57 +08:00
parent 9d25477cd3
commit e903ae2d93
2 changed files with 40 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/login/index.vue
View File

@ -32,7 +32,7 @@
:class="{ active: loginMode === 'toutiao' }"
@tap="switchMode('toutiao')"
>
<text class="tab-text">抖音快捷登录</text>
<text class="tab-text">抖音用户信息授权登录</text>
</view>
<!-- #endif -->
<view

58
pages/mine/index.vue
View File

@ -95,25 +95,6 @@
</view>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<view class="invite-banner glass-card" @click="handleInvite">
<view class="invite-content">
<view class="invite-text-group">
<view class="invite-title-row">
<text class="invite-tag">好礼相送</text>
<text class="invite-title">邀请好友送好礼</text>
</view>
<text class="invite-desc" @click.stop="copyInviteCode">我的邀请码：{{ getInviteCode() || '-' }}（点击复制）</text>
</view>
<view class="invite-action-btn">
<text>立即邀请</text>
<text class="invite-arrow">›</text>
</view>
</view>
<image class="invite-bg-icon" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRjZCMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjEgMTF2OGEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAwIDEtMiAyVjdsOS02IDkgNnoiIC8+PC9zdmc+" mode="aspectFit"></image>
</view>
<!-- #endif -->
<!-- 我的订单 -->
<view class="section-card glass-card">
<view class="section-header">
@ -201,6 +182,21 @@
<text class="menu-label">{{ douyinUserId ? '已绑定' : '绑定抖音' }}</text>
</view>
<!-- #ifdef MP-TOUTIAO -->
<button
open-type="im"
:data-im-id="customerServiceId"
@im="onImCallback"
@error="onImError"
class="menu-item customer-service-btn"
>
<view class="menu-icon-box">
<image class="menu-icon-img" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMSAxNWMwIDMtMyA1LTMgNXMtNS0yLTUtNXYtNGEzIDMgMCAwIDEgMy0zaDRhMyAzIDAgMCAxIDMgM3Y0eiIvPjxwYXRoIGQ9Ik0zIDdoMThhMiAyIDAgMCAwIDItMnY1YTIgMiAwIDAgMS0yIDJINGEyIDMgMCAwIDEtMi0ydjVhMiAyIDAgMCAxIDIgMnoiLz48cGF0aCBkPSJNMTIgMTF2NiIvPjxwYXRoIGQ9Ik05IDE0aDZtLTMgM2g2Ii8+PC9zdmc+" mode="aspectFit"></image>
</view>
<text class="menu-label">联系抖店客服</text>
</button>
<!-- #endif -->
<!-- #ifdef MP-TOUTIAO -->
<view class="menu-item" @click="toMinesweeper">
<view class="menu-icon-box">
<image class="menu-icon-img" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMCAxNGwtNiA2Ii8+PHBhdGggZD0iTTE0IDEwbDYgLTYiLz48cGF0aCBkPSJNMTEuNSAxMmwzIDNsLTMgM2wtMy0zeiIvPjxwYXRoIGQ9Ik0xMCAxNGw2IDZtLTItMmwtNiA2bTYtNjYgNm0tMi0ybDItMiIvPjwvc3ZnPg==" mode="aspectFit"></image>
@ -523,6 +519,7 @@ export default {
inviteCode: '',
mobile: '', // 手机号
douyinUserId: '', // 抖音用户ID
customerServiceId: '0071112x', // 抖音IM客服账号
pointsBalance: 0,
stats: {
@ -1028,6 +1025,17 @@ export default {
if (!this.checkPhoneBound()) return
uni.navigateTo({ url: '/pages-game/game/minesweeper/index' })
},
// 抖音IM客服回调
onImCallback(e) {
console.log('[Douyin IM] 跳转IM客服成功', e.detail)
},
onImError(e) {
console.log('[Douyin IM] 拉起IM客服失败', e.detail)
uni.showToast({
title: '打开客服失败',
icon: 'none'
})
},
handleInvite() {
const code = this.getInviteCode()
const path = this.getInviteSharePath()
@ -1755,6 +1763,18 @@ export default {
.grid-icon-img, .menu-icon-img { width: 44rpx; height: 44rpx; }
.grid-label, .menu-label { font-size: $font-sm; color: $text-main; }
/* 抖音IM客服按钮样式重置 */
.customer-service-btn {
padding: 0;
margin: 0;
background: transparent;
border: none;
line-height: inherit;
&::after {
border: none;
}
}
/* 弹窗通用样式 */
.popup-mask {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;