登录

登录

pages/login/login.wxml

@@ -13,12 +13,23 @@
           <image mode="aspectFill" src="http://hh-oss-picture.miyapay.com/box/ab93973d2d0c01f4f23c18f99e39d05d.png" class="input-clear"></image>
         </view>
         <view class="v-input-container-bottom">
-        
+           <view class="v-input-container-bottom-space"/>
+           <view class="v-input-container-bottom-line"/>
         </view>  
       </view>
 
+      <view class="v-input-container">
+        <view class="v-input-container-top">
+          <input class="input-area" placeholder-class="input-placeholder-style" placeholder="输入密码" />
+          <image mode="aspectFill" src="http://hh-oss-picture.miyapay.com/box/ab93973d2d0c01f4f23c18f99e39d05d.png" class="input-clear"></image>
+        </view>
+        <view class="v-input-container-bottom">
+           <view class="v-input-container-bottom-space"/>
+           <view class="v-input-container-bottom-line"/>
+        </view>  
+      </view>
 
-      <button type="primary" formType="submit">Submit</button>
+      <button class="btn-submit"  formType="submit">登录</button>
     </form>
   </view>
 </view>
\ No newline at end of file

pages/login/login.wxss

@@ -59,6 +59,7 @@
   flex-direction: row;
   align-content: space-between;
   align-items: center;
+  flex: 1;
 }
 
 .input-area{
@@ -77,8 +78,29 @@
 }
 
 .v-input-container-bottom{
+  height: 2rpx;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.v-input-container-bottom-line{
   height: 1rpx;
   width: 100%;
-  margin-top: 5rpx;
   background-color: #BCC3CE;
 }
+
+.v-input-container-bottom-space{
+  flex: 1;
+  width: 100%;
+}
+
+.btn-submit{
+   height: 80rpx;
+   flex: 1;
+   margin-left: 75rpx;
+   margin-right: 75rpx;
+   margin-top: 75rpx;
+   background-color: var(--main-color);
+   color: white;
+}