lilei 4 tahun lalu
induk
melakukan
14a07559f4
4 mengubah file dengan 22 tambahan dan 16 penghapusan
  1. 11 6
      pages/login/login.scss
  2. 10 4
      pages/login/login.vue
  3. 1 6
      pages/login/phoneLogin.vue
  4. TEMPAT SAMPAH
      static/logo.png

+ 11 - 6
pages/login/login.scss

@@ -18,7 +18,7 @@
 			display: flex;
 			align-items: center;
 			border: 1upx solid #dcdee2;
-			border-radius: 10upx;
+			border-radius: 15upx;
 			.require-tip{
 				position: absolute;
 				left: 0;
@@ -30,14 +30,19 @@
 			}
 			.item-inp, .item-picker{
 				font-size: 30upx;
-				padding: 20upx 20upx;
+				padding: 16upx 20upx;
 			}
 			.getcode-btn{
 				position: absolute;
-				right: 20upx;
+				right: 0upx;
 				top: 0;
 				font-size: 24upx;
-				margin-top: 14upx;
+				background: #999;
+				color: #FFFFFF;
+				border: 0;
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+				line-height: 3;
 			}
 		}
 		.flex-box{
@@ -50,9 +55,9 @@
 			.form-btn{
 				font-size: 32upx;
 				display: block;
-				line-height: 84upx;
+				line-height: 75upx;
 				margin: 0 auto;
-				background-color: #01c9b2;
+				background-color: #07c160;
 				color: #fff;
 			}
 			uni-button.form-btn:after{

+ 10 - 4
pages/login/login.vue

@@ -5,10 +5,10 @@
 				<u-image src="/static/logo.png" width="140" height="140" ></u-image>
 			</view>
 			<view class="login-btns">
-				<u-button shape="circle" class="login-btn" type="success" :hair-line="false" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
+				<u-button shape="circle" :custom-style="wxButton" class="login-btn" type="success" :hair-line="false" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
 					微信登陆
 				</u-button>
-				<u-button shape="circle" class="login-btn" @click="phoneLogin" type="primary">
+				<u-button shape="circle" plain :custom-style="phoneButton" class="login-btn" @click="phoneLogin" type="info">
 					手机号码登录
 				</u-button>
 			</view>
@@ -27,7 +27,13 @@
 			return {
 				path: '/pages/index/index',
 				lanuch: true,
-				code: ''
+				code: '',
+				wxButton: {
+					background: '#07c160'
+				},
+				phoneButton: {
+					background: '#ffffff'
+				}
 			}
 		},
 		onShow() {
@@ -132,7 +138,7 @@
 			&:last-child{
 				font-size: 24upx;
 				text{
-					color: #2979FF;
+					color: #07c160;
 				}
 			}
 			.logo{

+ 1 - 6
pages/login/phoneLogin.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="forget-wrap">
 		<view class="logo">
-			<u-image src="/static/logo.png" width="120" height="120" ></u-image>
+			<u-image src="/static/logo.png" width="140" height="140" ></u-image>
 		</view>
 		<form class="login-form" @submit="formSubmit">
 			<view class="form-item">
@@ -162,9 +162,4 @@
 </script>
 <style scoped lang="scss">
 	@import './login.scss';
-	.getcode-btn {
-		background-color: #298bf2 !important;
-		color: #fff !important;
-		border: none !important;
-	}
 </style>

TEMPAT SAMPAH
static/logo.png