<!-- 我的 -->
|
<template>
|
<view class="page-wrap">
|
<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"/>
|
</view>
|
<view class="flex-1">
|
<view class="pb-20rpx text-36rpx">{{ userStore.$state?.userInfo?.nick_name }}</view>
|
<view class="u-tips-color text-28rpx" @click="toCopy">
|
ID:{{ userStore.$state?.userInfo?.user_id }}
|
</view>
|
</view>
|
<view class="ml-10rpx p-10rpx">
|
<u-icon name="scan" color="#969799"/>
|
</view>
|
<view class="ml-10rpx p-10rpx">
|
<u-icon name="arrow-right" color="#969799"/>
|
</view>
|
</view>
|
|
<view class="mt-20rpx">
|
<u-cell-group>
|
<u-cell icon="setting" title="退出登录" is-link @click="logOut"/>
|
</u-cell-group>
|
</view>
|
</view>
|
</template>
|
|
<script setup>
|
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 userStore = useUserStore();
|
// 复制
|
const toCopy = async () => {
|
await setClipboardData({data: "1234567890"});
|
const data = await getClipboardData();
|
};
|
|
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 () => {
|
getDeviceRegion()
|
// window.addEventListener('message', (event) => {
|
// console.log('message')
|
// })
|
// setInterval(() => {
|
// sWebViewRef.value.evalJs(`x_sun('${test.value}')`)
|
// }, 2000)
|
});
|
</script>
|