瀏覽代碼

样式修改

tanxue 5 月之前
父節點
當前提交
9f148eaf02
共有 2 個文件被更改,包括 19 次插入14 次删除
  1. 14 10
      common/styles/global/pages.scss
  2. 5 4
      pages/login/sliderDialog.vue

+ 14 - 10
common/styles/global/pages.scss

@@ -135,16 +135,20 @@
 	position: fixed;display: flex;flex-direction: column;top: 0;left: 0;bottom:0;right: 0;
 	position: fixed;display: flex;flex-direction: column;top: 0;left: 0;bottom:0;right: 0;
 	justify-content: center;align-items: center;
 	justify-content: center;align-items: center;
 	.slider-check-content{
 	.slider-check-content{
-		width: 635rpx;height: 702rpx;padding: 360rpx 36rpx 42rpx;box-sizing: border-box;text-align: center;margin-bottom: 26%;
-		background-image: url("@/static/images/login/agree-dialog-bj.png");@include ezy-no-repeat-cover;
-	}
-	.slider-check-title{color:#666;font-size: 32rpx;font-weight: 600;}
-	.slider-check-tip{color:#777;font-size: 28rpx;margin-top: 30rpx;}
-	.slider-check-btn{color:#888;font-size: 32rpx;padding: 16rpx 0;display: inline-block;}
-	.btn-click{color:#666;}
-	#yzm-slider{
-		margin: 32rpx 0 20rpx;position: unset;
+		width: 635rpx;height: 423rpx;padding: 42rpx 36rpx 42rpx;box-sizing: border-box;text-align: center;margin-bottom: 26%;
+		background-image: url("@/static/images/login/slider-dialog-bj.png");@include ezy-no-repeat-cover;position: relative;
+	}
+	.slider-close{width: 50rpx;height: 50rpx;@include ezy-no-repeat-cover;position: absolute;right: 30rpx;top: 30rpx;
+	background-image: url("@/static/images/login/agree-sections-close.png");}
+	.slider-check-tip{color:#777;font-size: 32rpx;margin-top: 30rpx;font-weight: 800;}
+	.slider-check-btn{width: 208rpx;height: 85rpx;@include ezy-no-repeat-cover;margin: 32rpx auto 0;
+	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_1_wrapper{width: 100%;}
+		.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;}
 		}
 		}
 	.slider-tip-red{color: red;}
 	.slider-tip-red{color: red;}
 	@media (max-height: 700px) {
 	@media (max-height: 700px) {
@@ -242,7 +246,7 @@
 		position: absolute;left: 20rpx;top:var(--status-bar-height);
 		position: absolute;left: 20rpx;top:var(--status-bar-height);
 	}
 	}
 	.ezy-study-wrap{
 	.ezy-study-wrap{
-		width:750rpx;height:1394rpx;background-image: url("@/static/images/study/study-wrap-bj.png");
+		width:750rpx;height:1394rpx;background-image: url("@/static/images/study/aaa.gif");
 		@include ezy-no-repeat-cover;position: relative;margin: 0 auto;
 		@include ezy-no-repeat-cover;position: relative;margin: 0 auto;
 	}
 	}
 	.chapter-box{
 	.chapter-box{

+ 5 - 4
pages/login/sliderDialog.vue

@@ -1,10 +1,10 @@
 <template>
 <template>
 	<view class="slider-check-dialog">
 	<view class="slider-check-dialog">
 		<view class="slider-check-content">
 		<view class="slider-check-content">
-			<view class="slider-check-title" :class="{ 'slider-tip-red': isSlider}">请通过滑块验证</view>
-			<view class="slider-check-tip">请滑动下方滑块,完成验证</view>
+			<view class="slider-close"></view>
+			<view class="slider-check-tip" :class="{ 'slider-tip-red': isSlider}">请滑动下方滑块,完成验证</view>
 			<view id="yzm-slider"></view>
 			<view id="yzm-slider"></view>
-			<text @click="AWSC.emitData" class="slider-check-btn" :class="{ 'btn-click': isSlider}">确认</text>
+			<text @click="AWSC.emitData" class="slider-check-btn"></text>
 		</view>
 		</view>
 	</view>
 	</view>
 </template>
 </template>
@@ -79,7 +79,8 @@
 					});
 					});
 				})
 				})
 			},
 			},
-			getData(data){
+			getData(data){
+					this.isSlider = false;
 					console.log(data)
 					console.log(data)
 					this.sessionId  =data.sessionId
 					this.sessionId  =data.sessionId
 					this.sig  =data.sig
 					this.sig  =data.sig