This commit is contained in:
2025-05-27 20:03:47 +08:00
parent 3c812c37e7
commit 03ecb95a9b
8 changed files with 107 additions and 28 deletions

View File

@@ -5,15 +5,19 @@ import BD3 from "../../static/icons/bd3.png";
import BD4 from "../../static/icons/bd4.png";
import BDH from "../../static/icons/bdh.png";
import WBDICON from "../../static/icons/缺省图.png";
import YBDICON from "../../static/icons/已绑定.png";
import XNav from "../../components/XNav.vue";
import BindMsgModal from "../../components/BindMsgModal.vue";
import {useUserStore} from "../../pinia/UserStore/index.js";
const UserStore = useUserStore();
</script>
<template>
<!--消息推送-->
<x-nav></x-nav>
<view class="!flex flex-col items-center !mt-[128rpx]">
<view v-if="!UserStore.userInfo.openid" class="!flex flex-col items-center !mt-[128rpx]">
<image class="!size-[260rpx]" mode="aspectFill" :src="WBDICON"></image>
<view class="!mt-[-70rpx] relative z-10">暂未绑定</view>
<view class="text-[#86909C] test-28r">当前消息推送无法使用将影响您收益!</view>
@@ -24,6 +28,17 @@ import BindMsgModal from "../../components/BindMsgModal.vue";
</bind-msg-modal>
</view>
<view v-else class="!flex flex-col items-center !mt-[128rpx]">
<image class="!size-[260rpx]" mode="aspectFill" :src="YBDICON"></image>
<view class="!mt-[-70rpx] relative z-10">已绑定</view>
<view class="text-[#86909C] test-28r">{{ UserStore.userInfo.mobile }}可正常接收消息</view>
<bind-msg-modal>
<view class="!mt-[80rpx] rounded-[4rpx] bg-[var(--primary-color)] text-[#fff] py-[10rpx] px-[32rpx]">重新绑定
</view>
</bind-msg-modal>
</view>
<view class="btm h-[50vh] !flex flex-col items-center px-[40rpx] !mx-[20rpx]">
<image class="!w-[300rpx] !mt-[40rpx] !mb-[40rpx]" mode="widthFix" :src="BDH"></image>
<view class="!flex items-center bg-[#fff] p-[28rpx] w-full rounded-[16rpx] gap-[28rpx]">