浏览代码

样式修改

tanxue 3 月之前
父节点
当前提交
935439680b
共有 3 个文件被更改,包括 8 次插入5 次删除
  1. 5 3
      common/styles/global/components.scss
  2. 1 0
      common/styles/global/pages.scss
  3. 2 2
      pages/login/login.vue

+ 5 - 3
common/styles/global/components.scss

@@ -105,9 +105,11 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	}
 }
 // 仅一个返回按钮
-.ezy-nav-bar-icon{width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: var(--status-bar-height);
-		background-image: url("@/static/images/common/navBar-return-btn.png");@include ezy-no-repeat-cover();
-	}
+.ezy-nav-bar-icon{width: 72rpx;height: 63rpx;position: absolute;left: 0;top: var(--status-bar-height);background-color: pink;}
+.ezy-nav-bar-icon::after{
+	width: 24rpx;height: 38rpx;content: '';display: block;margin: 12rpx auto;background-color: red;
+	background-image: url("@/static/images/common/navBar-return-btn.png");@include ezy-no-repeat-cover();
+}
 /***** 试题---题干 *****/
 .ezy-shiti-question{
 	margin: 24rpx 0 42rpx;font-size: 32rpx;color: #333;line-height: 1.6;padding: 0 10rpx;box-sizing: border-box;

+ 1 - 0
common/styles/global/pages.scss

@@ -63,6 +63,7 @@
 	}
 
 	/***** 输入验证码页面*****/
+	.yzm-nav-bar-icon{z-index: 99;}
 	.login-title-img{
 		width: 317rpx;height: 77rpx;@include ezy-no-repeat-cover;margin-right: auto;
 		background-image: url("@/static/images/login/login-yzm.png");

+ 2 - 2
pages/login/login.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="ezy-login-page">
-		<view @click="goIndex" class="ezy-nav-bar-icon"></view>
+		<view @click="goIndex" class="ezy-nav-bar-icon yzm-nav-bar-icon"></view>
 		<view class="ezy-login-wrap">
 			<icon class="login-e-img"></icon>
 			<view class="login-body-box">
@@ -9,7 +9,7 @@
 
 				<view class="phone-input-box">
 					<input class="phone-input" type="text" v-model="loginData.yzmNumber" placeholder="请输入验证码"
-						maxlength="6" @input="clearYzmInput" />
+						maxlength="4" @input="clearYzmInput" />
 					<view class="close-btn" v-if="loginData.clearYzmIcon" @click="clearYzm"></view>
 				</view>
 				<view class="login-btn yzm-btn" @click="loginBtn" :class="loginData.yzmStatus"></view>