添加用户反馈模块

pages/login/login.vue

@@ -51,6 +51,15 @@
                     </view>
                 </view>
 			</view>
+			<!-- 服务协议 -->
+			<!-- <view class="pact">
+				<view class="pact-container">
+					<u-checkbox v-model="consentPact" shape="circle" size="30" label-size="26" icon-size="12" active-color="#ff780f">
+						<text>我已详细阅读并同意</text>
+					</u-checkbox>
+					<text class="pact-items" v-for="(item,index) in pactList" :key="index" @click="viewAgreement(index)"> {{ item.text }}</text>
+				</view>
+			</view> -->
 			<!-- denglu QQ weixin -->
 			<button @click="logins">{{ login }}</button>
 			<!-- <u-button :custom-style="customStyle" ></u-button> -->
@@ -76,14 +85,22 @@ export default {
 			zhanghaoA: '',
 			mimaA: '',
 			url: '',
-            phone: "",
-            code: "",
+			phone: "",
+			code: "",
 			state:0,
 			clickstate:false,
-            // 时间
-            timer: null,
-            is_sendcode: false, // 60s
-            time_count: 60,
+			// 时间
+			timer: null,
+			is_sendcode: false, // 60s
+			time_count: 60,
+			consentPact: false,
+			pactList: [{
+				"id": '3',
+				"text": "《隐私协议》"
+			},{
+				"id": '4',
+				"text": "《使用协议》"
+			}]
 		};
 	},
 	methods: {
@@ -91,14 +108,6 @@ export default {
 		changetab(num){
 			this.state = num
 		},
-		// 选中某个复选框时，由checkbox时触发
-		checkboxChange(e) {
-			//console.log(e);
-		},
-		// 选中任一checkbox时，由checkbox-group触发
-		checkboxGroupChange(e) {
-			// console.log(e);
-		},
 		mask_u() {
 			this.show = !this.show;
 		},
@@ -138,6 +147,7 @@ export default {
             // console.log(this.$u.trim(this.zhanghaoA));
         },
 		logins() {
+			// if(!this.consentPact) return false;
 			// 判断是否可以点击
             // console.log(this.zhanghao);
 			if(this.clickstate==false){
@@ -247,7 +257,15 @@ export default {
         },
         moveHandle(){
             return;
-        }
+				},
+				viewAgreement(index) {
+					this.$u.route({
+						url: '/pages/login/agreements',
+						params: {
+							title: "隐私协议"
+						}
+					});
+				}
 	},
 	onLoad() {
 		let token = uni.getStorageSync('token');
@@ -259,7 +277,7 @@ export default {
 				type: user.role == 2 ? 'tab' : 'to'
 			});
 		}
-	}
+	},
 };
 </script>
 
@@ -370,9 +388,14 @@ export default {
         display: flex;
         align-items: center;
 		height: 90rpx;
-		margin-bottom: 160rpx;
 		line-height: 90rpx;
 		border-bottom: 1px #fff solid;
+		&:first-child {
+			margin-bottom: 160rpx;
+		}
+		&:nth-child(2) {
+			margin-bottom: 80rpx;
+		}
 		input {
 			width: 80%;
 			margin-left: 30rpx;
@@ -409,27 +432,27 @@ export default {
 	letter-spacing: 2rpx;
 }
 
-.pact text {
-	font-size: 22rpx;
-	font-weight: 400;
-	color: rgba(255, 255, 255, 1);
-	line-height: 36px;
-}
-
-.pact_text {
-	font-size: 22px;
-	font-weight: 400;
-	color: rgba(129, 188, 253, 1) !important;
-	line-height: 36px;
-}
-
-//单选框的样式
 .pact {
-	position: relative;
-	padding-left: 40rpx;
+	width: 670rpx;
+	margin: 0 auto 40rpx;
+	font-size: 26rpx;
 	overflow: hidden; //超出的文本隐藏
 	text-overflow: ellipsis; //溢出用省略号显示
 	white-space: nowrap; //溢出不换行
+	.pact-container {
+		display: flex;
+		justify-content: flex-end;
+		align-items: center;
+		flex-wrap: wrap;
+		/deep/ .u-checkbox {
+			.u-checkbox__label {
+				margin-right: 0;
+			}
+		}
+		.pact-items {
+			color: rgba(255, 120, 15, 1);
+		}
+	}
 }
 
 .u-checkbox-group {