Prechádzať zdrojové kódy

登录页样式优化

tanxue 4 mesiacov pred
rodič
commit
3a81a7a0cc

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

@@ -2,7 +2,12 @@
 // 登录页  padding-bottom: env(safe-area-inset-bottom); box-sizing: unset;
 .ezy-login-page {
 	width:100%;height:100vh; background-color: #80dfff;position: relative;
-	.ezy-login-wrap{width:100%;height: 1623.08rpx;background-image: url("@/static/images/login/login-bj.jpg");@include ezy-no-repeat-cover(top);}
+	.ezy-login-wrap{width:100%;height: 1623.08rpx;background-image: url("@/static/images/login/login-bj.png");@include ezy-no-repeat-cover(top);}
+	.login-e-img{
+		width: 692rpx;height: 625rpx;@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/login/login-e-img.gif");
+		position: absolute;top: -180rpx;left: -180rpx;
+	}
 	.login-body-box{
 		display: flex;flex-direction: column;display: flex;box-sizing: border-box;
 		position: absolute;top:690rpx;left: 50%;transform: translateX(-50%);

+ 1 - 0
pages/login/index.vue

@@ -1,6 +1,7 @@
 <template>
 	<view class="ezy-login-page">
 		<view class="ezy-login-wrap">
+			<icon class="login-e-img"></icon>
 			<!-- 手机号 -->
 			<view class="login-body-box">
 				<view class="index-title-img"></view>

+ 1 - 0
pages/login/login.vue

@@ -2,6 +2,7 @@
 	<view class="ezy-login-page">
 		<view @click="goIndex" class="ezy-nav-bar-icon"></view>
 		<view class="ezy-login-wrap">
+			<icon class="login-e-img"></icon>
 			<view class="login-body-box">
 				<view class="login-title-img"></view>
 				<view class="yzm-show">验证码已发送至:{{loginData.phoneNumber}}</view>

BIN
static/images/login/login-bj.jpg


BIN
static/images/login/login-bj.png


BIN
static/images/login/login-e-img.gif