登录

pages/login/index.vue

@@ -7,16 +7,17 @@
     <view class="name">系统名称</view>
 		<view class="form">
 			<view class="inputWrapper">
-				<input  class="input"  name="yonghuming"  type="text" value=""  placeholder-style="font-size:.8125rem;color:rgb(223, 223, 223);display:flex;justify-content: start;" placeholder="请输入登录账号" @blur="spggBlur"/>
-				
+				<view class="log"></view>
+				<input  class="input"  name="yonghuming"  type="text" value=""  placeholder-style="font-size:.8125rem;color:rgb(223, 223, 223);display:flex;justify-content: start;" placeholder="请输入登录账号" @blur="spggBlur"/>			
 			</view>
 			<view class="inputWrapper">
+				<view class="pass"></view>
 				<input  class="input"  name="mima"  type="password" value="" placeholder-style="font-size:.8125rem;color:rgb(223, 223, 223);display:flex;justify-content: start;" placeholder="请输入密码" @blur="spggBlur1"/>
 			</view>
 			
 			
 		</view>
-		<button form-type="submit" class="loginBtn">登录</button>
+		<button form-type="submit" class="loginBtn" @tap="login">登录</button>
 		</form>
 	</view>
 </template>
@@ -38,7 +39,11 @@
 		},
 		methods: {
 			
-			
+			login () {
+				uni.redirectTo({
+					url: "/pages/index/index"
+				})
+			},
 			
 			
 			/**发布提交 */
@@ -125,9 +130,25 @@
 		height: 80upx;
 		background: rgba(0, 0, 0, 0);
 		box-sizing: border-box;
-		padding: 0 20px;
+		/* padding: 0 20px; */
 		margin-top: 25px;
 		border-bottom: 1px solid rgb(223, 223, 223);
+		display: flex;
+		align-items: center;
+	}
+	.log{
+		width: .875rem;
+		height: .875rem;
+		background: url('../../static/login.png') no-repeat;
+    background-size: 100% 100%;
+		margin-right: .75rem;
+	}
+	.pass{
+		width: .875rem;
+		height: .875rem;
+		background: url('../../static/mima.png') no-repeat;
+    background-size: 100% 100%;
+		margin-right: .75rem;
 	}
 	.inputWrapper .input{
 		width: 100%;