From e903ae2d93d7a9396715ee79cc38846ba02424a1 Mon Sep 17 00:00:00 2001
From: tsui110 <tsui110@meiyou.email>
Date: Tue, 6 Jan 2026 21:58:57 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E6=8E=A5=E5=85=A5=E6=8A=96=E5=BA=97IM?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E6=94=B9=E6=8A=96=E9=9F=B3=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/login/index.vue |  2 +-
 pages/mine/index.vue  | 58 +++++++++++++++++++++++++++++--------------
 2 files changed, 40 insertions(+), 20 deletions(-)

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')"
           >
-            <text class="tab-text">抖音快捷登录</text>
+            <text class="tab-text">抖音用户信息授权登录</text>
           </view>
           <!-- #endif -->
           <view
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index 3bddd63..445702d 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -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;