feat: UI

wupengfei

2025-06-04 f83f74863b05def138a5c87c3084e0de0dc01392

 apps/taro/src/pages/mine/index.vue

@@ -1,5 +1,5 @@
<template>
  <PageLayout class="mine-page-wrapper" :need-auth="false">
  <PageLayoutWithBg class="mine-page-wrapper" :need-auth="false">
    <template #navigationBar>
      <TransparentNavigationBar :title="'个人中心'" :is-absolute="false">
      </TransparentNavigationBar>
@@ -23,11 +23,21 @@
        <template v-if="isChannelAccount">
          <ListItemV2 :icon="IconMineDataBoard" title="数据看板" @click="goDashboard"></ListItemV2>
          <ListItemV2
            :icon="IconMinePromotion"
            title="推广二维码"
            :icon="IconMineChannel"
            title="渠道二维码"
            @click="goShareQrcode"
          ></ListItemV2>
        </template>
        <ListItemV2
          :icon="IconMinePromotion"
          title="推广二维码"
          @click="goPromotionQrcode"
        ></ListItemV2>
        <ListItemV2
          :icon="IconMineAgentRecruitment"
          title="代理招募"
          @click="goAgentRecruitment"
        ></ListItemV2>
        <ListItemV2
          :icon="IconMineCustomerService"
          v-if="isWeb && !isInAlipay"
@@ -42,7 +52,7 @@
        ></ListItemV2>
      </List>
    </ContentScrollView>
  </PageLayout>
  </PageLayoutWithBg>
</template>

<script setup lang="ts">
@@ -55,6 +65,8 @@
import IconMineUserId from '@/assets/mine/icon-mine-userId.png';
import IconMineDataBoard from '@/assets/mine/icon-mine-data-board.png';
import IconMinePromotion from '@/assets/mine/icon-mine-promotion.png';
import IconMineChannel from '@/assets/mine/icon-mine-channel.png';
import IconMineAgentRecruitment from '@/assets/mine/icon-mine-agent-recruitment.png';
import IconMineCustomerService from '@/assets/mine/icon-mine-customer-service.png';
import IconMineExist from '@/assets/mine/icon-mine-exist.png';
import { useSystemStore } from '@/stores/modules/system';
@@ -100,7 +112,9 @@
const goOrderManage = useAccessLogin(() => goPage(RouterPath.order));
const goUserAccountList = useAccessLogin(() => goPage(RouterPath.userAccountList));
const goShareQrcode = useAccessLogin(() => goPage(RouterPath.shareQrcode));
const goPromotionQrcode = useAccessLogin(() => goPage(RouterPath.promotionQrcode));
const goDashboard = useAccessLogin(() => goPage(RouterPath.dashboard));
const goAgentRecruitment = useAccessLogin(() => goPage(RouterPath.agentRecruitment));

async function goLogout() {
  try {