guhongwei %!s(int64=2) %!d(string=hai) anos
pai
achega
96f74b824f
Modificáronse 1 ficheiros con 67 adicións e 3 borrados
  1. 67 3
      pages/login/index.vue

+ 67 - 3
pages/login/index.vue

@@ -65,7 +65,21 @@
 				</view>
 			</view>
 		</view>
-		<uni-popup ref="dialogShow" type="dialog">
+		<uni-popup ref="dialogShow" type="center" :mask-click="false" background-color="#ffffff">
+			<view class="popup">
+				<view class="title">
+					<text>绑定手机号</text>
+				</view>
+				<view class="wx_1">
+					<text>确定获取微信绑定手机号吗?</text>
+				</view>
+				<view class="wx_2">
+					<button size="mini" @tap="diaClose">取消</button>
+					<button size="mini" open-type="getPhoneNumber" @getphonenumber="getUserPhone">确定</button>
+				</view>
+			</view>
+		</uni-popup>
+		<!-- 		<uni-popup ref="dialogShow" type="dialog">
 			<uni-popup-dialog :title="dialog.title" mode="base" :before-close="true" @confirm="diaSubmit(dialog)" @close="diaReset(dialog)">
 				<view class="dialog dialog_1" v-if="dialog.type=='1'">
 					<uni-forms ref="phoneForm" :model="phoneForm" label-width="auto">
@@ -94,7 +108,7 @@
 					</uni-forms>
 				</view>
 			</uni-popup-dialog>
-		</uni-popup>
+		</uni-popup> -->
 	</mobile-frame>
 </template>
 
@@ -513,7 +527,7 @@
 				})
 				if (res.errcode == '0') {
 					let phone = res.data && res.data.phone_info && res.data.phone_info.purePhoneNumber || '';
-					that.$set(that.phoneForm, `phone`, phone);
+					that.updatePhone(phone, 'wx')
 				} else {
 					uni.showToast({
 						title: res.errmsg,
@@ -521,6 +535,12 @@
 					})
 				}
 			},
+			// 弹框关闭
+			diaClose() {
+				const that = this;
+				that.$refs.dialogShow.close();
+				that.otherLogin('wx');
+			},
 			async twoSms() {
 				const that = this;
 				let user = this.user;
@@ -779,4 +799,48 @@
 			margin-bottom: 2vw !important;
 		}
 	}
+
+	.uni-popup__wrapper {
+		border-radius: 5px;
+	}
+
+	.popup {
+		width: 86vw;
+		padding: 2vw;
+
+		.title {
+			text-align: center;
+			margin: 0 0 2vw 0;
+
+			text {
+				color: var(--ff0Color);
+				font-size: var(--font16Size);
+			}
+		}
+
+		.wx_1 {
+			text-align: center;
+			margin: 9vw 0;
+
+			text {
+				font-size: var(--font18Size);
+			}
+		}
+
+		.wx_2 {
+			text-align: center;
+
+			button {
+				margin: 0 2vw;
+				font-size: var(--font16Size);
+				padding: 0 10vw;
+				color: var(--fffColor);
+				background-color: var(--f35BColor);
+			}
+
+			button:nth-child(1) {
+				background-color: var(--ff0Color);
+			}
+		}
+	}
 </style>