feat: app搭建调整

罗广辉

2025-09-30 c76922f37ddeeb3344304af453dd2f8befdedb89

 src/pages/user/index.vue

@@ -1,63 +1,62 @@
<!-- 我的 -->
<template>
  <view class="page-wrap">
    <u-navbar title="" placeholder left-icon="" right-icon="camera-fill" />
    <u-navbar title="" placeholder left-icon="" right-icon="camera-fill"/>
    <view class="flex items-center pb-30rpx pl-30rpx pr-20rpx">
      <view class="mr-10rpx">
        <u-avatar src="/static/images/logo.png" size="70" />
        <u-avatar src="/static/images/logo.png" size="70"/>
      </view>
      <view class="flex-1">
        <view class="pb-20rpx text-36rpx"> uni-app </view>
        <view class="pb-20rpx text-36rpx">{{ userStore.$state?.userInfo?.nick_name }}</view>
        <view class="u-tips-color text-28rpx" @click="toCopy">
          微信号:uni-app
          ID:{{ userStore.$state?.userInfo?.user_id }}
        </view>
      </view>
      <view class="ml-10rpx p-10rpx">
        <u-icon name="scan" color="#969799" />
        <u-icon name="scan" color="#969799"/>
      </view>
      <view class="ml-10rpx p-10rpx">
        <u-icon name="arrow-right" color="#969799" />
        <u-icon name="arrow-right" color="#969799"/>
      </view>
    </view>

    <view class="mt-20rpx">
      <u-cell-group>
        <u-cell icon="rmb-circle" title="支付" is-link />
      </u-cell-group>
    </view>

    <view class="mt-20rpx">
      <u-cell-group>
        <u-cell icon="star" title="收藏" is-link />
        <u-cell icon="photo" title="相册" is-link />
        <u-cell icon="coupon" title="卡券" is-link />
        <u-cell icon="heart" title="关注" is-link />
      </u-cell-group>
    </view>

    <view class="mt-20rpx">
      <u-cell-group>
        <u-cell icon="setting" title="设置" is-link />
        <u-cell icon="setting" title="退出登录" is-link @click="logOut"/>
      </u-cell-group>
    </view>
  </view>
</template>

<script setup>
import { useClipboard, usePermission } from "@/hooks";
import {useClipboard} from "@/hooks";
import {useUserStore} from "@/store/index.js";
import {onShow} from "@dcloudio/uni-app";
import {getDeviceRegionApi} from "@/api/map.js";

const { setClipboardData, getClipboardData } = useClipboard();

const {setClipboardData, getClipboardData} = useClipboard();
const userStore = useUserStore();
// 复制
const toCopy = async () => {
  await setClipboardData({ data: "1234567890" });
  await setClipboardData({data: "1234567890"});
  const data = await getClipboardData();
  console.log("[ data ] >", data);
};

function logOut() {
  userStore.setUserInfo(null)
  uni.redirectTo({
    url: '/pages/login/index'
  })
}

function getDeviceRegion() {
  getDeviceRegionApi().then(res =>{
    console.log(res.data.data,'用户设备')
  })
}

// 登录鉴权，微信小程序端点击tabbar的底层逻辑不触发uni.switchTab，需要在页面onShow生命周期中校验权限
onShow(async () => {
  const hasPermission = await usePermission();
  console.log(hasPermission ? "已登录" : "未登录，拦截跳转");
  getDeviceRegion()
});
</script>