Explorar o código

登录页修改

常志远 %!s(int64=2) %!d(string=hai) anos
pai
achega
d69880226d
Modificáronse 5 ficheiros con 58 adicións e 13 borrados
  1. 15 0
      App.vue
  2. 20 7
      pages.json
  3. 9 1
      pages/teacher/homePage/homePage.vue
  4. 13 4
      pages/teacher/login/login.vue
  5. 1 1
      uni.scss

+ 15 - 0
App.vue

@@ -52,4 +52,19 @@
 		text-align: center;
 		border-radius: 1px;
 	}
+	@media screen and (min-width: 320px) {
+	   /deep/.u-tabbar__content {
+			height: 45px!important;
+	   }
+	}
+	@media screen and (min-width: 375px) {
+	   /deep/.u-tabbar__content {
+			height: 55px!important;
+	   }
+	}
+	@media screen and (min-width: 425px) {
+	   /deep/.u-tabbar__content {
+			height: 65px!important;
+	   }
+	}
 </style>

+ 20 - 7
pages.json

@@ -1,14 +1,19 @@
 {
+	"easycom": {
+		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
+		"ujp-(.*)": "components/u-$1/u-$1.vue"
+		
+	},
 	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
 		{
 			"path": "pages/index/index",
 			"style": {
-				// "navigationBarTitleText": "uni-app"
+				
 			}
 			
 		}
 		
-	    ,{
+	    ,{  "name":"登录",
             "path" : "pages/teacher/login/login",
             "style" :                                                                                    
             {
@@ -16,13 +21,21 @@
                 "enablePullDownRefresh": false
             }
             
-        }
+        },
+		{    "name":"主页",
+		    "path" : "pages/teacher/homePage/homePage",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "",
+		        "enablePullDownRefresh": false
+		    }
+		    
+		}
     ],
 	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
+		"navigationStyle": "custom", // 隐藏系统导航栏
+		"navigationBarTitleText": "加载中...",
+		"enablePullDownRefresh": false
 	},
 	"uniIdRouter": {}
 }

+ 9 - 1
pages/teacher/homePage/homePage.vue

@@ -1,6 +1,13 @@
 <template>
 	<view>
-		
+		<view>
+				<u-navbar :is-back="false" title="启航教培管家·教师端" :background="background">
+							
+				</u-navbar>
+			</view>
+		<view class="">
+			吃饭了吗
+		</view>
 	</view>
 </template>
 
@@ -8,6 +15,7 @@
 	export default {
 		data() {
 			return {
+				backgroundColor: '#0DBAC7',
 				
 			}
 		},

+ 13 - 4
pages/teacher/login/login.vue

@@ -1,5 +1,6 @@
 <template>
 	<view>
+		<u-navbar title="" back-icon-size="24" ></u-navbar>
 		<view class="title">
 			教师端登录
 		</view>
@@ -14,7 +15,7 @@
 				
 				</view>
 				<u-line color="red" direction="col" length="40rpx" margin="auto 0"/>
-				<view class="tips">请填写手机号码</view>
+				<view class="tips"><input type="text" placeholder="请填写手机号码"></view>
 			</view>
 			<view class="pwd">
 				<view class="icon">
@@ -24,7 +25,7 @@
 				</view>
 				<u-line color="red" direction="col" length="40rpx" margin="auto 0"/>
 				<view class="tips">
-				<view>请输入验证码</view>	
+				<view class="input"><input type="text" placeholder="请输入验证码"></view>	
 				<view class="verification-code">获取验证码</view>
 				</view>
 				
@@ -62,6 +63,7 @@
 	}
 	.welcome{
 		margin-left:96rpx;
+		margin-top: 8rpx;
 		color: rgba(119, 119, 119, 1);
 	}
 
@@ -89,14 +91,21 @@
 		.tips{
 			text-indent:16rpx;
 			padding-right: 16rpx;
-			width: 85%;
+			// width: 85%;
 			display: flex;
 			justify-content: space-between;
+			/deep/uni-input{
+				height: 40px !important;
+				line-height: 40px !important;
+			}
+			.input{
+				width: 55%;
+			}
 		}
 		// 验证码
 		.verification-code{
 			color: rgba(13, 186, 199, 1);
-			
+			line-height: 40px;
 		}
 	   }
 	   

+ 1 - 1
uni.scss

@@ -11,7 +11,7 @@
  *
  * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  */
-
+@import 'uview-ui/theme.scss';
 /* 颜色变量 */
 
 /* 行为相关颜色 */