uniapp微信小程序封装用户隐私协议模块组件，直接使用_uniapp用户协议模板带标签

组件代码 privacy.vue

<template>
	<view class="privacy" v-if="showPrivacy">
		<view class="content">
			<view class="title">隐私政策授权提示</view>
			<view class="des">
				在你使用【xx小程序】服务之前，请仔细阅读<text class="link" @tap="openPrivacyContract">《xx隐私保护指引》</text>。如你同意xx能隐私保护指引，请点击“同意”按钮，即可开始使用【xx微信小程序】。
			</view>
			<view class="btns">
				<button class="item reject" @tap="exitMiniProgram">拒绝</button>
				<button id="agree-btn" class="item agree" open-type="agreePrivacyAuthorization" @agreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				privacyContractName: '',
				showPrivacy: false
			};
		},
		mounted() {
			const _ = this
			const version = uni.getAppBaseInfo().SDKVersion
			
			if (_.compareVersion(version, '2.32.3') >= 0) {
			    uni.getPrivacySetting({
			        success(res) {
			            if (res.errMsg == "getPrivacySetting:ok") {
							_.privacyContractName= res.privacyContractName,
							_.showPrivacy= res.needAuthorization
			            }
			        }
			    })
			}
		},
		methods: {
			// 打开隐私协议页面
			openPrivacyContract() {
			    const _ = this
			    uni.openPrivacyContract({
			        fail: () => {
			            uni.showToast({
			                title: '遇到错误',
			                icon: 'error'
			            })
			        }
			    })
			},
			// 拒绝隐私协议
			exitMiniProgram() {
			    // 直接退出小程序
			    uni.exitMiniProgram()
			},
			// 同意隐私协议
			handleAgreePrivacyAuthorization() {
			    const _ = this
			    _.showPrivacy= false
			},
			// 比较版本号
			compareVersion(v1, v2) {
			    v1 = v1.split('.')
			    v2 = v2.split('.')
			    const len = Math.max(v1.length, v2.length)
			
			    while (v1.length < len) {
			        v1.push('0')
			    }
			    while (v2.length < len) {
			        v2.push('0')
			    }
			
			    for (let i = 0; i < len; i++) {
			        const num1 = parseInt(v1[i])
			        const num2 = parseInt(v2[i])
			
			        if (num1 > num2) {
			            return 1
			        } else if (num1 < num2) {
			            return -1
			        }
			    }
			
			    return 0
			}

		}
	}
</script>

<style>
	.privacy {
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background: rgba(0, 0, 0, .5);
	    z-index: 9999999;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.content {
	    width: 632rpx;
	    padding: 48rpx;
	    box-sizing: border-box;
	    background: #fff;
	    border-radius: 30rpx;
	}
	
	.content .title {
	    text-align: center;
	    color: #333;
	    font-weight: bold;
	    font-size: 32rpx;
	}
	
	.content .des {
	    font-size: 26rpx;
	    color: #666;
	    margin-top: 40rpx;
	    text-align: justify;
	    line-height: 1.6;
	}
	
	.content .des .link {
	    color: #147AFC;
	    text-decoration: underline;
	}
	
	.btns {
	    margin-top: 48rpx;
	    display: flex;
	}
	
	.btns .item {
	    justify-content: space-between;
	    width: 244rpx;
	    height: 80rpx;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 16rpx;
	    box-sizing: border-box;
	    border: none;
	}
	
	.btns .reject {
	    background: #f4f4f5;
	    color: #909399;
	}
	
	.btns .agree {
	    background: #147AFC;
	    color: #fff;
	}
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160

在用到的页面直接调用

import privacy from "@/components/privacy/privacy.vue"
<privacy/>
1
2