Yinux/unibest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 不需要自己写隐私协议

Browse Source
This commit is contained in:
Burt 2024-01-22 18:56:27 +08:00
parent d9050a8944
commit c7a38d073e
1 changed files with 4 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/pages/my/components/wx-login.vue
View File

@ -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>
<fly-login v-model="show" />
<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-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 show = 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 userStore = useUserStore() const userStore = useUserStore()
const hasLogin = computed(() => userStore.userInfo?.nickname) const hasLogin = computed(() => userStore.userInfo?.nickname)
const logout = () => { const logout = () => {