From 82ef1c53dc0aebef37985e23752a43c7aab5b82e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=8A=E9=87=8C?= <1227971437@qq.com>
Date: Fri, 16 Apr 2021 22:11:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=89=E5=8D=93=E9=9A=90=E7=A7=81=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/uni-agree/uni-agree.vue            |  34 +++
 .../uni-popup-agree/uni-popup-agree.vue       | 212 ++++++++++++++++++
 pages/list/list.vue                           |   4 +-
 3 files changed, 249 insertions(+), 1 deletion(-)
 create mode 100644 components/uni-agree/uni-agree.vue
 create mode 100644 components/uni-popup-agree/uni-popup-agree.vue

diff --git a/components/uni-agree/uni-agree.vue b/components/uni-agree/uni-agree.vue
new file mode 100644
index 00000000..71890ff1
--- /dev/null
+++ b/components/uni-agree/uni-agree.vue
@@ -0,0 +1,34 @@
+<template>
+	<view>
+		<uni-popup ref="popup" :maskClick="false" type="center">
+			<uni-popup-agree @cancel="cancel" @confirm="confirm"></uni-popup-agree>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"uni-agree",
+		mounted() {
+			if (uni.getSystemInfoSync().platform == "android") {
+				let iKnowAgree = uni.getStorageSync('iKnowAgree') || false;
+				if(!iKnowAgree){
+					this.$refs.popup.open();
+				}
+			}
+		},
+		methods:{
+			confirm(){
+				this.$refs.popup.close();
+				uni.setStorageSync('iKnowAgree', true);
+			},
+			cancel(){
+				plus.runtime.quit();
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/components/uni-popup-agree/uni-popup-agree.vue b/components/uni-popup-agree/uni-popup-agree.vue
new file mode 100644
index 00000000..f8cd7b10
--- /dev/null
+++ b/components/uni-popup-agree/uni-popup-agree.vue
@@ -0,0 +1,212 @@
+<template>
+	<view class="uni-popup-dialog">
+		<view class="uni-dialog-title">
+			<text class="uni-dialog-title-text" :class="['uni-popup__'+dialogType]">{{title}}</text>
+		</view>
+		<view class="uni-dialog-content">
+			<login-ikonw class="login-iknow" :link="link" :text="content"></login-ikonw>
+		</view>
+		<view class="uni-dialog-button-group">
+			<view class="uni-dialog-button" @click="close">
+				<text class="uni-dialog-button-text">不同意</text>
+			</view>
+			<view class="uni-dialog-button uni-border-left" @click="onOk">
+				<text class="uni-dialog-button-text uni-button-color">同意</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+
+	export default {
+		name: "uniPopupAgree",
+		props: {
+			/**
+			 * 对话框主题 success/warning/info/error	  默认 success
+			 */
+			type: {
+				type: String,
+				default: 'error'
+			},
+			/**
+			 * 对话框标题
+			 */
+			title: {
+				type: String,
+				default: '使用须知'
+			},
+			/**
+			 * 对话框内容
+			 */
+			content: {
+				type: String,
+				default: 'DCloud（以下简称我们）尊重并保护所有使用服务用户的个人权益。为了给您提供更准确、更有个性化的服务，我们会按照本隐私政策和服务协议的规定使用和披露您的个人信息。但我们将以高度的勤勉、审慎义务对待这些信息。除本隐私政策和服务协议另有规定外，在未征得您事先许可的情况下，我们不会将这些信息对外披露或向第三方提供。'
+			},
+		},
+		data() {
+			return {
+				dialogType: 'error',
+				val: "",
+				link: [{
+					text: '服务协议',
+					to: '/pages/ucenter/agree-list/service/service'
+				}, {
+					text: '隐私政策',
+					to: '/pages/ucenter/agree-list/privacy/privacy'
+				}],
+			}
+		},
+		watch: {
+			type(val) {
+				this.dialogType = val
+			}
+		},
+		created() {
+			this.dialogType = this.type
+		},
+		methods: {
+			/**
+			 * 点击确认按钮
+			 */
+			onOk() {
+				this.$emit('confirm');
+			},
+			/**
+			 * 点击取消按钮
+			 */
+			close() {
+				this.$emit('cancel');
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.uni-popup-dialog {
+		width: 300px;
+		border-radius: 5px;
+		background-color: #fff;
+	}
+
+	.uni-dialog-title {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		padding-top: 15px;
+		padding-bottom: 5px;
+	}
+
+	.uni-dialog-title-text {
+		font-size: 16px;
+		font-weight: 500;
+	}
+
+	.uni-dialog-content {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		padding: 5px 15px 15px 15px;
+	}
+
+	.uni-dialog-content-text {
+		font-size: 14px;
+		color: #6e6e6e;
+	}
+
+	.uni-dialog-button-group {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		border-top-color: #f5f5f5;
+		border-top-style: solid;
+		border-top-width: 1px;
+	}
+
+	.uni-dialog-button {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+
+		flex: 1;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		height: 45px;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.uni-border-left {
+		border-left-color: #f0f0f0;
+		border-left-style: solid;
+		border-left-width: 1px;
+	}
+
+	.uni-dialog-button-text {
+		font-size: 14px;
+	}
+
+	.uni-button-color {
+		color: $uni-color-primary;
+	}
+
+	.uni-dialog-input {
+		flex: 1;
+		font-size: 14px;
+	}
+
+	.uni-popup__success {
+		color: $uni-color-success;
+	}
+
+	.uni-popup__warn {
+		color: $uni-color-warning;
+	}
+
+	.uni-popup__error {
+		color: $uni-color-error;
+	}
+
+	.uni-popup__info {
+		color: #909399;
+	}
+
+	.uni-popup-dialog__close {
+		/* #ifndef APP-NVUE */
+		display: block;
+		cursor: pointer;
+		/* #endif */
+		position: absolute;
+		top: 9px;
+		right: 17px;
+	}
+
+	.uni-popup-dialog__close-icon {
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		/* #endif */
+		width: 13px;
+		height: 1px;
+		background: #909399;
+		transform: rotate(45deg);
+	}
+
+	.uni-popup-dialog__close-icon::after {
+		/* #ifndef APP-NVUE */
+		content: '';
+		display: block;
+		/* #endif */
+		width: 13px;
+		height: 1px;
+		background: #909399;
+		transform: rotate(-90deg);
+	}
+</style>
diff --git a/pages/list/list.vue b/pages/list/list.vue
index b5e12ab8..6c6cd721 100644
--- a/pages/list/list.vue
+++ b/pages/list/list.vue
@@ -1,7 +1,9 @@
 <template>
 	<view style="overflow: hidden;">
 		<!-- 页面主列表 -->
-		<news-list ref="newsList" :canSearch="canSearch" :currentText="searchText"></news-list>
+		<news-list ref="newsList" :canSearch="canSearch" :currentText="searchText"></news-list>
+		
+		<uni-agree></uni-agree>
 	</view>
 </template>
 
-- 
GitLab