|
@@ -10,23 +10,11 @@
|
|
|
<image class="w-8 h-8 rounded-full" :src="userStore.userInfo?.avatar"></image>
|
|
<image class="w-8 h-8 rounded-full" :src="userStore.userInfo?.avatar"></image>
|
|
|
<view class="ml-2">{{ userStore.userInfo?.nickname }}</view>
|
|
<view class="ml-2">{{ userStore.userInfo?.nickname }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="flex items-center leading-6" v-else @click="onLogin">
|
|
|
|
|
|
|
+ <view class="flex items-center leading-6" v-else @click="show = true">
|
|
|
<view class="i-carbon-user-avatar"></view>
|
|
<view class="i-carbon-user-avatar"></view>
|
|
|
- <view class="ml-2">点击显示微信头像2</view>
|
|
|
|
|
|
|
+ <view class="ml-2">点击显示微信头像</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
- <view v-if="showPrivacyModal">
|
|
|
|
|
- <view>隐私弹窗内容....</view>
|
|
|
|
|
- <button @tap="handleOpenPrivacyContract">查看隐私协议</button>
|
|
|
|
|
- <button
|
|
|
|
|
- id="agree-btn"
|
|
|
|
|
- open-type="agreePrivacyAuthorization"
|
|
|
|
|
- @agreeprivacyauthorization="handleAgreePrivacyAuthorization"
|
|
|
|
|
- >
|
|
|
|
|
- 同意
|
|
|
|
|
- </button>
|
|
|
|
|
- </view>
|
|
|
|
|
- <fly-login v-model="showLoginModal" />
|
|
|
|
|
|
|
+ <fly-login v-model="show" />
|
|
|
<fly-content :line="10" />
|
|
<fly-content :line="10" />
|
|
|
<button v-if="hasLogin" class="mt-2" @click="logout">退出登录</button>
|
|
<button v-if="hasLogin" class="mt-2" @click="logout">退出登录</button>
|
|
|
</view>
|
|
</view>
|
|
@@ -35,38 +23,7 @@
|
|
|
<script lang="ts" setup name="WxLogin">
|
|
<script lang="ts" setup name="WxLogin">
|
|
|
import { useUserStore } from '@/store'
|
|
import { useUserStore } from '@/store'
|
|
|
|
|
|
|
|
-const showPrivacyModal = ref(false)
|
|
|
|
|
-const showLoginModal = ref(false)
|
|
|
|
|
-const onLogin = () => {
|
|
|
|
|
- wx.getPrivacySetting({
|
|
|
|
|
- success(res) {
|
|
|
|
|
- // 返回结果为: res = { needAuthorization: true/false, privacyContractName: '《xxx隐私保护指引》' }
|
|
|
|
|
- console.log(res)
|
|
|
|
|
- if (res.needAuthorization) {
|
|
|
|
|
- // 给出弹窗
|
|
|
|
|
- showPrivacyModal.value = true
|
|
|
|
|
- } else {
|
|
|
|
|
- // 用户已经同意过隐私协议,所以不需要再弹出隐私协议,也能调用已声明过的隐私接口
|
|
|
|
|
- showLoginModal.value = true
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- })
|
|
|
|
|
-}
|
|
|
|
|
-const handleOpenPrivacyContract = () => {
|
|
|
|
|
- // 打开隐私协议页面
|
|
|
|
|
- wx.openPrivacyContract({
|
|
|
|
|
- success: () => {}, // 打开成功
|
|
|
|
|
- fail: () => {}, // 打开失败
|
|
|
|
|
- complete: () => {},
|
|
|
|
|
- })
|
|
|
|
|
-}
|
|
|
|
|
-const handleAgreePrivacyAuthorization = () => {
|
|
|
|
|
- // 用户同意隐私协议事件回调
|
|
|
|
|
- // 用户点击了同意,之后所有已声明过的隐私接口和组件都可以调用了
|
|
|
|
|
- showPrivacyModal.value = false
|
|
|
|
|
- showLoginModal.value = true
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
|
|
+const show = ref(false)
|
|
|
const userStore = useUserStore()
|
|
const userStore = useUserStore()
|
|
|
const hasLogin = computed(() => userStore.userInfo?.nickname)
|
|
const hasLogin = computed(() => userStore.userInfo?.nickname)
|
|
|
const logout = () => {
|
|
const logout = () => {
|