From 9bd49430a078ca366cb2b778bdc6dae4c77c9dd4 Mon Sep 17 00:00:00 2001
From: Cha0s <457318796@qq.com>
Date: Mon, 16 Apr 2018 21:22:49 +0800
Subject: [PATCH] create the login page

design the Ui style
---
 pages/login/login.wxml | 29 +++++++++++++++
 pages/login/login.wxss | 84 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 113 insertions(+)
 create mode 100644 pages/login/login.wxml
 create mode 100644 pages/login/login.wxss

diff --git a/pages/login/login.wxml b/pages/login/login.wxml
new file mode 100644
index 0000000..6a70fdb
--- /dev/null
+++ b/pages/login/login.wxml
@@ -0,0 +1,29 @@
+<!--pages/login/login.wxml-->
+<view class="container">
+  <view class="login-icon">
+    <image class="login-img" src="../../images/icon/logo.png"></image>
+  </view>
+  <view class="login-from">
+
+    <!--name-->
+    <view class="inputView">
+      <image class="nameImage" src="../../images/icon/name.png"></image>
+      <label class="loginLab">Name</label>
+      <input class="inputText" placeholder="Steemit account" bindinput="nameInput" />
+    </view>
+    <view class="line"></view>
+
+    <!--password-->
+    <!-- <view class="inputView">
+      <image class="keyImage" src="../../images/icon/key.png"></image>
+      <label class="loginLab">密码</label>
+      <input class="inputText" password="true" placeholder="请输入密码" bindinput="passwordInput" />
+    </view> -->
+
+    <!--button-->
+    <view class="BtnView">
+      <button class="loginBtn" type="primary"  disabled="{{disabled}}" bindtap="login">Login</button>
+      <button class="backBtn" type="primary"  bindtap="back">Back</button>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/login/login.wxss b/pages/login/login.wxss
new file mode 100644
index 0000000..edd6535
--- /dev/null
+++ b/pages/login/login.wxss
@@ -0,0 +1,84 @@
+/* pages/login/login.wxss */
+page{ 
+ height: 100%; 
+} 
+  
+.container { 
+ height: 100%; 
+ display: flex; 
+ flex-direction: column; 
+ padding: 0; 
+ box-sizing: border-box; 
+ background-color: #f2f2f2
+} 
+  
+/*login-icon*/
+.login-icon{ 
+ flex: none; 
+ margin-top:200rpx;
+} 
+.login-img{ 
+ width: 400rpx; 
+ height: 150rpx; 
+} 
+  
+/*content*/
+.login-from { 
+ margin-top: 20px; 
+ flex: auto; 
+ height:100%; 
+} 
+  
+.inputView { 
+ background-color: #fff; 
+ line-height: 44px; 
+} 
+/*input box */
+.nameImage, .keyImage { 
+ margin-left: 22px; 
+ width: 14px; 
+ height: 14px
+} 
+  
+.loginLab { 
+ margin: 15px 15px 15px 10px; 
+ color: #545454; 
+ font-size: 14px
+} 
+.inputText { 
+ flex: block; 
+ float: right; 
+ text-align: right; 
+ margin-right: 22px; 
+ margin-top: 11px; 
+ color: #cccccc; 
+ font-size: 14px
+} 
+  
+.line { 
+ width: 100%; 
+ height: 1px; 
+ background-color: #cccccc; 
+ margin-top: 1px; 
+} 
+/*button*/
+.BtnView { 
+ display: flex;
+ flex-direction: row;
+ width: 100%; 
+ height: auto; 
+  background-color: #f2f2f2;  
+ margin-top: 0px; 
+ margin-bottom: 0px; 
+ padding-bottom: 0px; 
+} 
+  
+.loginBtn { 
+ width: 40%; 
+ margin-top: 35px; 
+}
+
+.backBtn { 
+ width: 40%; 
+ margin-top: 35px; 
+}
\ No newline at end of file