登录

登录

app.wxss

 /**app.wxss**/
-/* @import '/weui-miniprogram/miniprogram_dist/weui-wxss/dist/style/weui.wxss'; */
+@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
+
+/* 公共全局属性 */
+page{
+  --main-color: #FF7700;
+}
 
-.container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  padding: 200rpx 0;
-  box-sizing: border-box;
-} 

miniprogram_npm/follow-redirects/index.js

@@ -4,7 +4,7 @@ var __DEFINE__ = function(modId, func, req) { var m = { exports: {}, _tempexport
 var __REQUIRE__ = function(modId, source) { if(!__MODS__[modId]) return require(source); if(!__MODS__[modId].status) { var m = __MODS__[modId].m; m._exports = m._tempexports; var desp = Object.getOwnPropertyDescriptor(m, "exports"); if (desp && desp.configurable) Object.defineProperty(m, "exports", { set: function (val) { if(typeof val === "object" && val !== m._exports) { m._exports.__proto__ = val.__proto__; Object.keys(val).forEach(function (k) { m._exports[k] = val[k]; }); } m._tempexports = val }, get: function () { return m._tempexports; } }); __MODS__[modId].status = 1; __MODS__[modId].func(__MODS__[modId].req, m, m.exports); } return __MODS__[modId].m.exports; };
 var __REQUIRE_WILDCARD__ = function(obj) { if(obj && obj.__esModule) { return obj; } else { var newObj = {}; if(obj != null) { for(var k in obj) { if (Object.prototype.hasOwnProperty.call(obj, k)) newObj[k] = obj[k]; } } newObj.default = obj; return newObj; } };
 var __REQUIRE_DEFAULT__ = function(obj) { return obj && obj.__esModule ? obj.default : obj; };
-__DEFINE__(1599189265605, function(require, module, exports) {
+__DEFINE__(1599444690943, function(require, module, exports) {
 var url = require("url");
 var URL = url.URL;
 var http = require("http");
@@ -504,16 +504,16 @@ function createErrorType(code, defaultMessage) {
 module.exports = wrap({ http: http, https: https });
 module.exports.wrap = wrap;
 
-}, function(modId) {var map = {"http":1599189265606,"https":1599189265607,"./debug":1599189265608}; return __REQUIRE__(map[modId], modId); })
-__DEFINE__(1599189265606, function(require, module, exports) {
+}, function(modId) {var map = {"http":1599444690944,"https":1599444690945,"./debug":1599444690946}; return __REQUIRE__(map[modId], modId); })
+__DEFINE__(1599444690944, function(require, module, exports) {
 module.exports = require("./").http;
 
-}, function(modId) { var map = {"./":1599189265605}; return __REQUIRE__(map[modId], modId); })
-__DEFINE__(1599189265607, function(require, module, exports) {
+}, function(modId) { var map = {"./":1599444690943}; return __REQUIRE__(map[modId], modId); })
+__DEFINE__(1599444690945, function(require, module, exports) {
 module.exports = require("./").https;
 
-}, function(modId) { var map = {"./":1599189265605}; return __REQUIRE__(map[modId], modId); })
-__DEFINE__(1599189265608, function(require, module, exports) {
+}, function(modId) { var map = {"./":1599444690943}; return __REQUIRE__(map[modId], modId); })
+__DEFINE__(1599444690946, function(require, module, exports) {
 var debug;
 try {
   /* eslint global-require: off */
@@ -524,7 +524,7 @@ catch (error) {
 }
 module.exports = debug;
 
-}, function(modId) { var map = {"debug":1599189265608}; return __REQUIRE__(map[modId], modId); })
-return __REQUIRE__(1599189265605);
+}, function(modId) { var map = {"debug":1599444690946}; return __REQUIRE__(map[modId], modId); })
+return __REQUIRE__(1599444690943);
 })()
 //# sourceMappingURL=index.js.map
\ No newline at end of file

pages/login/login.wxml

 <view class="page">
-  <view class="header" >
-    <text class="header-title1" >欢迎使用</text>
-    <text class="header-title2" >米雅快捷收银服务</text>
+  <view class="header">
+    <text class="header-title1">欢迎使用</text>
+    <text class="header-title2">米雅快捷收银服务</text>
   </view>
   <view class="body">
-    <text class="account-login" >账号登录</text>
-    <input class="weui-input" auto-focus placeholder="将会获取焦点"/>
+    <text class="account-login">账号登录</text>
+    <form catchsubmit="formSubmit">
 
+      <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>  
+      </view>
+
+
+      <button type="primary" formType="submit">Submit</button>
+    </form>
   </view>
 </view>
\ No newline at end of file

pages/login/login.wxss

@@ -26,20 +26,59 @@
 
 .header-title1{
   color: white;
-  font-size: 1.7rem;
-  margin-top: 3.5rem;
-  margin-left: 2rem;
+  font-size: 48rpx;
+  margin-top: 100rpx;
+  margin-left: 75rpx;
 }
 
 .header-title2{
   color: white;
-  font-size: 1.7rem;
-  margin-top: 0.2rem;
-  margin-left: 2rem;
+  font-size: 50rpx;
+  margin-left: 75rpx;
 }
 
 .account-login{
-  font-size: 1rem;
-  margin-top: 1rem;
-  margin-left: 2rem;
+  font-size: 33rpx;
+  margin-top: 40rpx;
+  margin-left: 75rpx;
 }
+
+.v-input-container{
+   height: 60rpx;
+   flex: 1;
+   display: flex;
+   margin-left: 75rpx;
+   margin-top: 60rpx;
+   margin-right: 75rpx;
+   display: flex;
+   flex-direction: column;
+}
+
+.v-input-container-top{
+  display: flex;
+  flex-direction: row;
+  align-content: space-between;
+  align-items: center;
+}
+
+.input-area{
+  flex: 1;
+  height: 90%;
+  margin-right: 20rpx;
+ }
+
+.input-placeholder-style{
+    color: #BCC3CE;
+}
+
+.input-clear{
+  width: 30rpx;
+  height: 30rpx;
+}
+
+.v-input-container-bottom{
+  height: 1rpx;
+  width: 100%;
+  margin-top: 5rpx;
+  background-color: #BCC3CE;
+}
\ No newline at end of file