Explorar el Código

style:登录注册样式优化

zhanghui hace 2 años
padre
commit
aeff91b0ce

+ 0 - 1
common/js/env.js

@@ -11,7 +11,6 @@ let baseUrl = `https://jje.admin.xinyuekj.com.cn/test-api`
 export default { //存放变量的容器
 	appid: '__UNI__1EEA945',
 	baseUrl,
-
 	uploadUrl: '/v1/file/put-file'
 
 }

+ 7 - 7
pages.json

@@ -5,7 +5,13 @@
 	},
 
 	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
-
+		{
+			"path": "pages/login/login",
+			"style": {
+				"navigationBarTitleText" : "登录",
+				"enablePullDownRefresh": false
+			}
+		},
 		{
 			"path": "pages/index/index",
 			"style": {
@@ -30,12 +36,6 @@
 				"navigationBarTitleText" : "找回密码",
 				"enablePullDownRefresh" : false
 			}
-		},	{
-			"path": "pages/login/login",
-			"style": {
-				"navigationBarTitleText" : "登录",
-				"enablePullDownRefresh": false
-			}
 		},
 		{
 			"path" : "pages/register/register",

+ 2 - 5
pages/login/index.rpx.css

@@ -46,12 +46,9 @@
 }
 .register {
 	margin-top: 24rpx;
-	padding: 0 24rpx;
 }
 .register text{
-	background: #F7F7F7;
-	padding: 10rpx;
-	color: #007aff;
-	border-radius: 10rpx;
+	font-size: 30rpx;
+	color: #AAAAAA;
 }
 

+ 7 - 6
pages/login/login.vue

@@ -1,10 +1,10 @@
 <template>
 	<view class="page">
 		<view class="logTitle">
-			<view class="welcome">
-				<text>HI,您好!</text>
-			</view>
-			<view class="welcome">
+<!--			<view class="welcome">-->
+<!--				<text>HI,您好!</text>-->
+<!--			</view>-->
+			<view class="welcome flex-row justify-center">
 				<text>欢迎登录娇骄儿拓客端</text>
 			</view>
 			<view class="flex-row justify-center">
@@ -45,8 +45,9 @@
 			</u--form>
 
 		</view>
-		<view class="flex-row justify-end  register">
-			<text @click="goRegister">去注册-></text>
+		<view class="flex-row justify-center  register">
+			<text>无账号?</text>
+			<text @click="goRegister" :style="{color:'#FFE05C'}">切换注册</text>
 		</view>
 	</view>
 </template>

+ 2 - 4
pages/register/index.rpx.css

@@ -25,8 +25,6 @@
 	margin-top: 24rpx;
 }
 .register text{
-	background: #F7F7F7;
-	padding: 10rpx;
-	color: #007aff;
-	border-radius: 10rpx;
+	font-size: 30rpx;
+	color: #AAAAAA;
 }

+ 3 - 2
pages/register/register.vue

@@ -41,8 +41,9 @@
 				<button class="customStyle"  @click="retrievePassword">提交</button>
 			</view>
 
-			<view class="flex-row justify-end  register">
-				<text @click="gologin">去登录-></text>
+			<view class="flex-row justify-center  register">
+				<text>已有账号!</text>
+				<text @click="gologin" :style="{color:'#FFE05C'}">切换登录</text>
 			</view>
 
 		</view>