增加

quasar.conf.js

@@ -143,7 +143,10 @@ module.exports = function( /* ctx */ ) {
                 'QTr',
                 'QTd',
                 'QCard',
-                'QSpinner'
+                'QSpinner',
+                'QDialog',
+                'QCardActions',
+                'QCheckbox'
             ],
 
             directives: [

src/App.vue

@@ -10,7 +10,7 @@ export default {
 };
 </script>
 <style>
-@import url("//at.alicdn.com/t/font_1890699_e5j7jxghnwi.css");
+@import url("//at.alicdn.com/t/font_1890699_wy5o693hcc.css");
 @font-face {
   font-family: "oswald";
   src: url("https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/smallapp/Oswald-Regular.ttf");

src/pages/login.vue

+<style>
+  .login-box{
+    max-width: 420px;
+    padding: 50px 40px;
+    margin: 40px auto;
+    background-color: #fff;
+    border-radius: 5px;
+    background-clip: padding-box;
+    box-shadow: 0 2px 4px 0 rgba(10,8,8,.5);
+  }
+  .login-box .tw_logo{
+    margin:0 auto 20px;
+    display: block;
+    height:45px;
+    width:auto;
+  }
+  .login-box .tip-text{
+    font-size: 16px;
+    margin-bottom: 15px;
+    color: #999;
+    text-align: center;
+  }
+  .login-box .tip-text a{
+    color:#00afff;
+  }
+  .login_row{
+    width:100%;
+    margin:0 -15px 0 -15px;
+  }
+  .form-group{
+    position: relative;
+    margin-bottom: 15px;
+  }
+  .login_labelName{
+    margin-bottom:10px;
+    font-size:15px;
+  }
+  /* .login_pwd{
+    padding-right:40px;
+  } */
+  .form-group i{
+    position: absolute;
+    right:6px;
+    bottom:0;
+    z-index:2;
+    width:46px;
+    height:46px;
+    text-align: center;
+    line-height: 46px;
+    color:#999;
+    font-size:28px;
+    cursor: pointer;
+  }
+  .login-box .q-field__control{
+    height:46px;
+  }
+</style>
 <template>
   <div class="login">
-    用户登录 <a @click="CommonJump('/register',{})">用户注册</a>
-    <table>
-      <tr>
-        <td>
-          用户名
-        </td>
-        <td>
-          <q-input filled name="Account" v-model="loginMsg.account" class="bg-grey-1" label="账号" />
-        </td>
-      </tr>
-      <tr>
-        <td>
-          密码
-        </td>
-        <td>
-          <q-input filled name="Pwd" v-model="loginMsg.password" class="bg-grey-1" label="密码" />
-
-        </td>
-      </tr>
-      <tr>
-        <td colspan="2">
-          <q-btn color="primary" unelevated style="width:100%" filled label="登录" @click="login" />
-        </td>
-      </tr>
-    </table>
+    <div class="login-box">
+      <img :src="logo" class="tw_logo"/>
+      <p class="tip-text">
+        還沒有帳號嗎？立即<a style="cursor:pointer;" @click="CommonJump('/register',{})">免費加入</a>
+      </p>
+      <div class="login_row">
+        <div class="form-group">
+          <div class="login_labelName">電子郵件</div>
+          <q-input outlined v-model="loginMsg.account" class="bg-grey-1"/>
+        </div>
+        <div class="form-group">
+          <div class="login_labelName">密碼</div>
+          <q-input outlined v-model="loginMsg.password" ref="pwd" class="bg-grey-1 login_pwd"/>
+          <i class="iconfont iconyanjing_xianshi" v-if="flag==1" @click="flag=2,getType(flag)"></i>
+          <i class="iconfont iconbiyan" v-if="flag==2" @click="flag=1,getType(flag)"></i>
+        </div>
+        <div>
+          <q-btn color="primary" unelevated style="width:100%;height:50px;margin-top:20px;" filled label="登入" @click="login" />
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -41,6 +94,8 @@
           account: "15286963456",
           password: "123456"
         },
+        logo:'',
+        flag:1
       };
     },
     created() {
@@ -49,8 +104,21 @@
     mounted() {
       var jObj = JSON.parse(localStorage.getItem('groupinfo'));
       this.loginMsg.RB_Group_Id = jObj.GroupId;
+       //获取网站基础配置
+      if (localStorage.baseifo) {
+        var jObj = JSON.parse(window.localStorage.getItem('baseifo'));
+        this.logo = jObj.Config.Logo;
+      }
     },
     methods: {
+      //切换眼睛
+      getType(flag){
+        if(flag==2){
+          this.$refs.pwd.type="password";
+        }else{
+          this.$refs.pwd.type="text";
+        }
+      },
       login() {
         this.apipost(
           "b2b_post_Login", this.loginMsg,