Jelajahi Sumber

样式优化

tanxue 1 bulan lalu
induk
melakukan
9e64dd470b
2 mengubah file dengan 14 tambahan dan 9 penghapusan
  1. 10 5
      common/styles/global/pages.scss
  2. 4 4
      pages/login.vue

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

@@ -7,19 +7,24 @@
 
 		// 登录区域
 		.login-body {
-			width: 100%;padding: 0 60px;box-sizing: border-box;margin: 140rpx auto 0;
+			width: 100%;padding: 0 60rpx;box-sizing: border-box;margin: 140rpx auto 0;
 			.input-container {
 				display: flex;align-items: center;position: relative;
 				height: 100rpx;border-radius: 50rpx;background-color: #F7F7F7;
-				padding: 0;margin-bottom: 40rpx;
+				margin-bottom: 40rpx;box-sizing: border-box;text-align: left;
 			}
 			.input-icon {margin-left: 20rpx;color: #999;}
-
+			.login-body-icon{
+				width: 46rpx;height: 46rpx;line-height: 40rpx;margin: 0 24rpx 0 48rpx;
+				display: inline-block;@include ezy-no-repeat-cover();
+			}
+			.user-icon{background-image: url("@/static/images/login/user-icon.png");}
+			.mm-icon{background-image: url("@/static/images/login/remm-icon.png");}
 		}
 
 		// 输入框
 		.login-btn {
-			width: 100%;height: 100rpx;margin-top: 60rpx;font-size: 36rpx;
+			width: 100%;height: 100rpx;margin-top: 60rpx;font-size: 36rpx;margin-bottom: 100rpx;
 			letter-spacing: 7.2rpx;background: linear-gradient(0deg, #436aff 0%, #234ff7 100%);
 			border-radius: 50rpx;border: 0;color: #F7F7F7;line-height: 100rpx;
 		}
@@ -33,7 +38,7 @@
 	
 // 我的
 .mobile-my-page{
-	width:100%;height: calc(100vh - 180rpx);overflow: auto;background: #F3F5F7;padding-bottom: 60rpx;
+	width:100%;overflow: auto;background: #F3F5F7;padding-bottom: 60rpx;
 	// 用户信息
 	.user-info-box {
 	  width: 100%;height: 333rpx;background-color: #fff;

+ 4 - 4
pages/login.vue

@@ -8,12 +8,12 @@
 		</view>
 		<view class="login-body">
 			<view class="input-container">
-				<uni-icons type="auth" size="30" class="input-icon"></uni-icons>
-				<input type="text" v-model="userName" placeholder="请输入用户名" class="input-item-1" />
+				<icon class="login-body-icon user-icon"></icon>
+				<input type="text" v-model="userName" placeholder="请输入用户名" class="login-body-input" />
 			</view>
 			<view class="input-container">
-				<uni-icons type="locked" size="30" class="input-icon"></uni-icons>
-				<input type="password" v-model="password" placeholder="请输入密码" class="input-item-1" />
+				<icon class="login-body-icon mm-icon"></icon>
+				<input type="password" v-model="password" placeholder="请输入密码" class="login-body-input" />
 			</view>
 			<view class="login-change">
 				<checkbox-group  @change="rememberBtn" class="remember-checkbox-group">