login-footer

src/pages/modules/login/login.vue

@@ -21,9 +21,12 @@
               <input type="password" class="login-input" ref="input2" v-model="password">
             </div>
           </div>
-          <div class="login-setup-wraper">
+          <!-- <div class="login-setup-wraper">
+            <div class="setup-info pointer" @click="toSetup">配置信息</div>
+            <router-link to="/home">忘记密码</router-link>
+          </div> -->
+          <div class="login-setup-wraper login-setup-wraper__r">
             <div class="setup-info pointer" @click="toSetup">配置信息</div>
-            <!-- <router-link to="/home">忘记密码</router-link> -->
           </div>
           <div class="login-buttons-wraper">
             <button class="button button--primary button-login" :disabled="disabled" @click="saveLogin">登录</button>
@@ -50,6 +53,10 @@
         </div>
       </div>
     </div>
+    <div class="footer_wraper">
+      <div class="footer_p1">Copyright © www.noblelift.cn, All Rights Reserved.</div>
+      <div class="footer_p2">国内唯一（全球仅四家）能够同时提供物料搬运设备、智能立体仓库、智能输送分拣系统、AGV及其系统、供应链综合系统软件以及智能制造全系统整体解决方案的公司。</div>
+    </div>
   </div>
 </template>
 
@@ -137,6 +144,7 @@ export default {
 <style lang="stylus" scoped>
 @import '~@style/mixin'
 .login-container
+  position relative
   _wh(100%, 100%)
   background-color #64b4dc
   background-image linear-gradient(to right bottom,#4489e0, #55a1df, #64b4dc)
@@ -212,4 +220,14 @@ export default {
   width 100%
   border-radius 20px
   letter-spacing 5px
+.footer_wraper
+  position absolute
+  width 70vw
+  bottom 20px
+  left 50%
+  transform translateX(-50%)
+.footer_p1
+  _font(14px, 24px, #fff,,center)
+.footer_p2
+  _font(15px, 24px, #fff,,center)
 </style>