From 053af93051f86653489dffdbaab56020849e59c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=8A=E9=87=8C?= <1227971437@qq.com>
Date: Wed, 7 Apr 2021 20:43:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=86=E7=A0=81=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4myStyle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../uni-login-page/pages/index/index.vue      | 23 ++++++---
 .../index/{pwd-login.nvue => pwd-login.vue}   | 47 +++++++++++++++++--
 2 files changed, 59 insertions(+), 11 deletions(-)
 rename uni_modules/uni-login-page/pages/index/{pwd-login.nvue => pwd-login.vue} (76%)

diff --git a/uni_modules/uni-login-page/pages/index/index.vue b/uni_modules/uni-login-page/pages/index/index.vue
index d0272954..5a28b043 100644
--- a/uni_modules/uni-login-page/pages/index/index.vue
+++ b/uni_modules/uni-login-page/pages/index/index.vue
@@ -5,14 +5,14 @@
 			<view class="content">
 				<!-- 顶部文字 -->
 				<text class="content-top-title">登陆后即可展示自己</text>
-				<login-ikonw class="lgnin-iknow" :link="link" text="登录即表示同意用户协议和隐私政策"></login-ikonw>
+				<login-ikonw class="login-iknow" :link="link" text="登录即表示同意用户协议和隐私政策"></login-ikonw>
 
 				<!-- 登录框 (选择手机号所属国家和地区需要另行实现) -->
 				<view class="phone-input-box">
 					<picker mode="selector" :range="phoneArea" @change="selectPhoneArea">
 						<text class="phone-area">{{currenPhoneArea}}</text>
 					</picker>
-					<input type="number" class="phone-input" placeholder="请输入手机号"
+					<input type="number" class="phone-input" maxlength="11" placeholder="请输入手机号"
 						v-model="phoneNumber" />
 				</view>
 
@@ -128,11 +128,10 @@
 	.hidden,page{
 		background-color: transparent;
 	}
-	@import url("../../common/myStyle.css");
 
-	.lgnin-iknow {
+	.login-iknow {
 		padding-top: 24rpx;
-		padding-bottom: 48rpx;
+		padding-bottom: 48rpx;
 	}
 
 	.phone-input-box {
@@ -149,7 +148,8 @@
 		font-size: 30rpx;
 	}
 
-	.phone-input {
+	.phone-input {
+		flex: 1;
 		border-left-width: 1px;
 		border-left-color: #d7d9d8;
 		padding: 0 20rpx;
@@ -196,5 +196,16 @@
 	.login-text {
 		color: #1c436e;
 		font-size: 26rpx;
+	}
+	.hover{
+		opacity: 0.8;
+	}
+	
+	/* 首页独有 */
+	.content-top-title{
+		text-align: center;
+	}
+	.login-iknow{
+		justify-content: center;
 	}
 </style>
\ No newline at end of file
diff --git a/uni_modules/uni-login-page/pages/index/pwd-login.nvue b/uni_modules/uni-login-page/pages/index/pwd-login.vue
similarity index 76%
rename from uni_modules/uni-login-page/pages/index/pwd-login.nvue
rename to uni_modules/uni-login-page/pages/index/pwd-login.vue
index 7c2dd20d..247267b7 100644
--- a/uni_modules/uni-login-page/pages/index/pwd-login.nvue
+++ b/uni_modules/uni-login-page/pages/index/pwd-login.vue
@@ -1,9 +1,9 @@
 <template>
-	<view class="flex flex-column flex-1 w-750 bg-white">
-		<view class="flex-1 flex flex-column justify-start align-center">
-			<view class="w-630 flex flex-column">
+	<view class="wrap">
+		<view class="wrap-content">
+			<view class="content">
 				<!-- 顶部文字 -->
-				<text class="font-32 font-blod pt-5">手机号密码登录</text>
+				<text class="content-top-title">手机号密码登录</text>
 
 				<!-- 登录框 (选择手机号所属国家和地区需要另行实现) -->
 				<view class="phone-input-box round flex flex-row flex-nowrap align-center justify-center mt-5">
@@ -95,7 +95,44 @@
 </script>
 
 <style>
-	@import url("../../common/myStyle.css");
+	/* #ifndef APP-NVUE */
+	page{
+		display: flex;
+		flex-direction: column;
+		flex: 1;
+		height: 100%;
+	}
+	/* #endif */
+	.wrap{
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		flex:1;
+		width: 750rpx;
+		background-color: #fff;
+	}
+	.wrap-content{
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: center;
+	}
+	.content{
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		width: 630rpx;
+		flex-direction: column;
+	}
+	.content-top-title{
+		font-size: 32rpx;
+		font-weight: 600;
+		padding-top: 50rpx;
+	}
 
 	.lgnin-iknow {
 		padding-top: 24rpx;
-- 
GitLab