为指定用户添加客服弹窗

src/pages/index.vue

@@ -8,6 +8,7 @@ import UserHeader from "@/components/UserHeader.vue";
 import SModal from "@/components/SModal.vue";
 import Signin from "@/components/Signin.vue";
 import BubbleTip from "@/components/BubbleTip.vue";
+import ScreenHint2 from "@/components/ScreenHint2.vue";
 import {
   getAppConfig,
   getRankListAPI,
@@ -25,6 +26,7 @@ const { user, device, rankData } = storeToRefs(store);
 const showModal = ref(false);
 const showGuide = ref(false);
 const calibration = ref(false);
+const showTheUser = ref(false);
 
 const toPage = async (path) => {
   if (!user.value.id) {
@@ -86,6 +88,13 @@ onShow(async () => {
     console.log("首页数据：", homeData);
     if (homeData.user) {
       updateUser(homeData.user);
+      if (homeData.user.id === 823) {
+        const show = uni.getStorageSync("show-the-user");
+        if (!show) {
+          showTheUser.value = true;
+          uni.setStorageSync("show-the-user", true);
+        }
+      }
       if (homeData.user.trio <= 0) {
         showGuide.value = true;
         setTimeout(() => {
@@ -243,6 +252,23 @@ onShareTimeline(() => {
       <SModal :show="showModal" :onClose="() => (showModal = false)">
         <Signin :onClose="() => (showModal = false)" />
       </SModal>
+      <ScreenHint2 :show="showTheUser" :onClose="() => (showTheUser = false)">
+        <view class="tip-content">
+          <text>公告</text>
+          <text>小程序问题找客服 1v1 解答！</text>
+          <view>
+            <text>反馈 bug 可领取红包</text>
+            <image src="../static/hongbao.png" mode="widthFix" />
+          </view>
+          <text>射箭爱好者群等你，扫码加入～</text>
+          <image
+            src="../static/service-wechat.png"
+            mode="widthFix"
+            show-menu-by-longpress
+          />
+          <text>长按添加客服</text>
+        </view>
+      </ScreenHint2>
     </view>
     <AppFooter />
   </Container>
@@ -426,4 +452,39 @@ onShareTimeline(() => {
   line-height: 25px;
   font-weight: 500;
 }
+.tip-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 26rpx;
+  color: #333333;
+  line-height: 42rpx;
+  padding: 40rpx;
+}
+.tip-content > text:first-child {
+  font-weight: 500;
+  font-size: 30rpx;
+  color: #333333;
+  margin: 20rpx 0;
+}
+.tip-content > view {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tip-content > view > image {
+  width: 26rpx;
+  height: 32rpx;
+  margin-left: 5rpx;
+}
+.tip-content > image {
+  width: 302rpx;
+  height: 302rpx;
+  margin: 10rpx;
+}
+.tip-content > text:last-child {
+  font-size: 24rpx;
+  color: #999999;
+}
 </style>