滑块弹窗关闭按钮

common/styles/global/pages.scss

@@ -145,7 +145,7 @@
 	background-image: url("@/static/images/login/slider-confirm.png");display: block;}
 	.nc-container{
 		position: unset;border-bottom: 1px dashed #70cbf4;padding: 36rpx 0 54rpx;box-sizing: border-box;
-		#nc_1_wrapper{width: 100%;}
+		.nc_wrapper{width: 100%!important;}
 		.nc_iconfont.btn_ok{font-family: unset;font-size: 0;}
 		.nc_iconfont.btn_ok::before{content: '';width: 20px;height:20px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/login/slider-right-icon.png");z-index: 4;}

pages/login/login.vue

@@ -18,7 +18,7 @@
 				<text class="login-text">客服电话:400-052-2130</text>
 			</view>
 		</view>
-		<sliderDialog ref="sliderDialogRef" @emitFun="emitFun" v-if="sliderFlag"></sliderDialog>
+		<sliderDialog ref="sliderDialogRef" @emitFun="emitFun" @sliderClose="sliderClose" v-if="sliderFlag"></sliderDialog>
 	</view>
 </template>
 
@@ -67,6 +67,9 @@
 				this.sliderData =data;
 				this.getYzmBtn();
 			},
+			sliderClose(){
+				this.sliderFlag =false;
+			},
 			loginInit(options) {
 				this.loginData.phoneNumber = options.telNum;
 				this.sliderFlag = true;

pages/login/sliderDialog.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="slider-check-dialog">
 		<view class="slider-check-content">
-			<view class="slider-close"></view>
+			<view class="slider-close" @click="sliderClose"></view>
 			<view class="slider-check-tip" :class="{ 'slider-tip-red': isSlider}">请滑动下方滑块，完成验证</view>
 			<view id="yzm-slider"></view>
 			<text @click="AWSC.emitData" class="slider-check-btn"></text>
@@ -26,11 +26,9 @@
 			receiveRenderData(data) {
 				this.$emit('emitFun', data)
 			},
-			sliderShow() {
-				this.$refs.sliderPopup.open()
-			},
 			sliderClose() {
-				this.$refs.sliderPopup.close()
+				this.getReset();
+				this.$emit('sliderClose')
 			}
 		}
 	}
@@ -51,13 +49,14 @@
 				sessionId: '',
 				sig: '',
 				token: '',
+				nc:null,
 			}
 		},
 		methods: {
 			init() {
-					let that  =this
+				let that  =this
 				AWSC.use("nc", function(state, module) {
-					nc = module.init({
+				that.nc = module.init({
 						// 应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
 						appkey: "FFFF0N00000000007EC0",
 						//使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的scene值，请务必正确填写。
@@ -78,6 +77,12 @@
 						}
 					});
 				})
+			},
+			getReset(){
+				this.sessionId = '';
+				this.sig = '';
+				this.token = '';
+				this.nc.reset();
 			},
 			getData(data){
 					this.isSlider = false;