首次完整推送，

V：1.20240808.006

uni_modules/uni-id-pages/components/uni-id-pages-agreements/uni-id-pages-agreements.vue

@@ -0,0 +1,167 @@
+<template>
+	<view class="root" v-if="agreements.length">
+		<template v-if="needAgreements">
+			<checkbox-group @change="setAgree">
+				<label class="checkbox-box">
+					<checkbox :checked="isAgree" style="transform: scale(0.5);margin-right: -6px;" />
+					<text class="text">同意</text>
+				</label>
+			</checkbox-group>
+			<view class="content">
+				<view class="item" v-for="(agreement,index) in agreements" :key="index">
+					<text class="agreement text" @click="navigateTo(agreement)">{{agreement.title}}</text>
+					<text class="text and" v-if="hasAnd(agreements,index)" space="nbsp"> 和 </text>
+				</view>
+			</view>
+		</template>
+		<!-- 弹出式 -->
+		<uni-popup v-if="needAgreements||needPopupAgreements" ref="popupAgreement" type="center">
+			<uni-popup-dialog confirmText="同意" @confirm="popupConfirm">
+				<view class="content">
+					<text class="text">请先阅读并同意</text>
+					<view class="item" v-for="(agreement,index) in agreements" :key="index">
+						<text class="agreement text" @click="navigateTo(agreement)">{{agreement.title}}</text>
+						<text class="text and" v-if="hasAnd(agreements,index)" space="nbsp"> 和 </text>
+					</view>
+				</view>
+			</uni-popup-dialog>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import config from '@/uni_modules/uni-id-pages/config.js'
+	let retryFun = ()=>console.log('为定义')
+	/**
+		* uni-id-pages-agreements 
+		* @description 用户服务协议和隐私政策条款组件
+		* @property {String,Boolean} scope = [register|login]	作用于哪种场景如：register 注册（包括登录并注册，如：微信登录、苹果登录、短信验证码登录）、login 登录。默认值为：register
+	*/
+	export default {
+		name: "uni-agreements",
+		computed: {
+			agreements() {
+				if(!config.agreements){
+					return []
+				}
+				let {serviceUrl,privacyUrl} = config.agreements
+				return [
+					{
+						url:serviceUrl,
+						title:"用户服务协议"
+					},
+					{
+						url:privacyUrl,
+						title:"隐私政策条款"
+					}
+				]
+			}
+		},
+		props: {
+			scope: {
+				type: String,
+				default(){
+					return 'register'
+				}
+			},
+		},
+		methods: {
+			popupConfirm(){
+				this.isAgree = true
+				retryFun()
+				// this.$emit('popupConfirm')
+			},
+			popup(Fun){
+				this.needPopupAgreements = true
+				// this.needAgreements = true
+				this.$nextTick(()=>{
+					if(Fun){
+						retryFun = Fun
+					}
+					this.$refs.popupAgreement.open()
+				})
+			},
+			navigateTo({
+				url,
+				title
+			}) {
+				uni.navigateTo({
+					url: '/uni_modules/uni-id-pages/pages/common/webview/webview?url=' + url + '&title=' + title,
+					success: res => {},
+					fail: () => {},
+					complete: () => {}
+				});
+			},
+			hasAnd(agreements, index) {
+				return agreements.length - 1 > index
+			},
+			setAgree(e) {
+				this.isAgree = !this.isAgree
+				this.$emit('setAgree', this.isAgree)
+			}
+		},
+		created() {
+			this.needAgreements = (config?.agreements?.scope || []).includes(this.scope)
+		},
+		data() {
+			return {
+				isAgree: false,
+				needAgreements:true,
+				needPopupAgreements:false
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	/* #ifndef APP-NVUE */
+	view {
+		display: flex;
+		box-sizing: border-box;
+		flex-direction: column;
+	}
+
+	/* #endif */
+	.root {
+		flex-direction: row;
+		align-items: center;
+		font-size: 12px;
+		color: #8a8f8b;
+	}
+
+	.checkbox-box ,.uni-label-pointer{
+		align-items: center;
+		display: flex;
+		flex-direction: row;
+	}
+
+	.item {
+		flex-direction: row;
+	}
+	.text{
+		line-height: 26px;
+	}
+	.agreement {
+		color: #04498c;
+		cursor: pointer;
+	}
+	
+	.checkbox-box ::v-deep .uni-checkbox-input{
+		border-radius: 100%;
+	}
+
+	.checkbox-box ::v-deep .uni-checkbox-input.uni-checkbox-input-checked{
+		border-color: $uni-color-primary;
+		color: #FFFFFF !important;
+		background-color: $uni-color-primary;
+	}
+	
+	.content{
+		flex-wrap: wrap;
+		flex-direction: row;
+	}
+	
+	.root ::v-deep .uni-popup__error{
+		color: #333333;
+	}
+</style>