diff --git a/pages/login/index.vue b/pages/login/index.vue index b776d60..49945c4 100644 --- a/pages/login/index.vue +++ b/pages/login/index.vue @@ -32,7 +32,7 @@ :class="{ active: loginMode === 'toutiao' }" @tap="switchMode('toutiao')" > - 抖音快捷登录 + 抖音用户信息授权登录 - - - - - - 好礼相送 - 邀请好友送好礼 - - 我的邀请码:{{ getInviteCode() || '-' }}(点击复制) - - - 立即邀请 - - - - - - - @@ -201,6 +182,21 @@ {{ douyinUserId ? '已绑定' : '绑定抖音' }} + + + + @@ -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;