feat 接入抖店IM,修改抖音登录
This commit is contained in:
parent
9d25477cd3
commit
e903ae2d93
@ -32,7 +32,7 @@
|
|||||||
:class="{ active: loginMode === 'toutiao' }"
|
:class="{ active: loginMode === 'toutiao' }"
|
||||||
@tap="switchMode('toutiao')"
|
@tap="switchMode('toutiao')"
|
||||||
>
|
>
|
||||||
<text class="tab-text">抖音快捷登录</text>
|
<text class="tab-text">抖音用户信息授权登录</text>
|
||||||
</view>
|
</view>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<view
|
<view
|
||||||
|
|||||||
@ -95,25 +95,6 @@
|
|||||||
</view>
|
</view>
|
||||||
<!-- #endif -->
|
<!-- #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-card glass-card">
|
||||||
<view class="section-header">
|
<view class="section-header">
|
||||||
@ -201,6 +182,21 @@
|
|||||||
<text class="menu-label">{{ douyinUserId ? '已绑定' : '绑定抖音' }}</text>
|
<text class="menu-label">{{ douyinUserId ? '已绑定' : '绑定抖音' }}</text>
|
||||||
</view>
|
</view>
|
||||||
<!-- #ifdef MP-TOUTIAO -->
|
<!-- #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-item" @click="toMinesweeper">
|
||||||
<view class="menu-icon-box">
|
<view class="menu-icon-box">
|
||||||
<image class="menu-icon-img" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMCAxNGwtNiA2Ii8+PHBhdGggZD0iTTE0IDEwbDYgLTYiLz48cGF0aCBkPSJNMTEuNSAxMmwzIDNsLTMgM2wtMy0zeiIvPjxwYXRoIGQ9Ik0xMCAxNGw2IDZtLTItMmwtNiA2bTYtNjYgNm0tMi0ybDItMiIvPjwvc3ZnPg==" mode="aspectFit"></image>
|
<image class="menu-icon-img" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMCAxNGwtNiA2Ii8+PHBhdGggZD0iTTE0IDEwbDYgLTYiLz48cGF0aCBkPSJNMTEuNSAxMmwzIDNsLTMgM2wtMy0zeiIvPjxwYXRoIGQ9Ik0xMCAxNGw2IDZtLTItMmwtNiA2bTYtNjYgNm0tMi0ybDItMiIvPjwvc3ZnPg==" mode="aspectFit"></image>
|
||||||
@ -523,6 +519,7 @@ export default {
|
|||||||
inviteCode: '',
|
inviteCode: '',
|
||||||
mobile: '', // 手机号
|
mobile: '', // 手机号
|
||||||
douyinUserId: '', // 抖音用户ID
|
douyinUserId: '', // 抖音用户ID
|
||||||
|
customerServiceId: '0071112x', // 抖音IM客服账号
|
||||||
pointsBalance: 0,
|
pointsBalance: 0,
|
||||||
|
|
||||||
stats: {
|
stats: {
|
||||||
@ -1028,6 +1025,17 @@ export default {
|
|||||||
if (!this.checkPhoneBound()) return
|
if (!this.checkPhoneBound()) return
|
||||||
uni.navigateTo({ url: '/pages-game/game/minesweeper/index' })
|
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() {
|
handleInvite() {
|
||||||
const code = this.getInviteCode()
|
const code = this.getInviteCode()
|
||||||
const path = this.getInviteSharePath()
|
const path = this.getInviteSharePath()
|
||||||
@ -1755,6 +1763,18 @@ export default {
|
|||||||
.grid-icon-img, .menu-icon-img { width: 44rpx; height: 44rpx; }
|
.grid-icon-img, .menu-icon-img { width: 44rpx; height: 44rpx; }
|
||||||
.grid-label, .menu-label { font-size: $font-sm; color: $text-main; }
|
.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 {
|
.popup-mask {
|
||||||
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
|
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user