From f51896f6358a60ab83456358446ac48085b48298 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期五, 05 五月 2023 09:49:11 +0800
Subject: [PATCH] 登录页面修改

---
 src/views/login.vue |   88 +++++++++++++++++++++++++++++++-------------
 1 files changed, 62 insertions(+), 26 deletions(-)

diff --git a/src/views/login.vue b/src/views/login.vue
index bd884ae..7d02bb2 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -10,7 +10,12 @@
             <Col class="content">
             <div>
                 <Header />
-                <div v-if="!socialLogining" style="margin-top: 150px">
+                <div class="login-main-box" v-if="!socialLogining">
+                    <div class="login-img">
+                        <img src="../assets/img/login-mmain-left-bj.jpg" alt="">
+                    </div>
+                    <div class="login-form">
+                        <div class="login-form-inside">
                             <Form
                                     ref="usernameLoginForm"
                                     :model="form"
@@ -19,7 +24,8 @@
                                     v-if="tabName == 'username'"
                             >
                                 <FormItem>
-                                    <h1 style="margin-left: 40%;">鐧�&nbsp闄�</h1>
+                                    <!--<h1 style="margin-left: 40%;">鐧�&nbsp褰�</h1>-->
+                                    <h1>瀹夊叏閰嶉�佺鐞嗙郴缁�</h1>
                                 </FormItem>
                                 <FormItem prop="username">
                                     <Input
@@ -72,42 +78,46 @@
                                 </FormItem>
                             </Form>
 
-                    <!--<Row justify="space-between" align="middle">-->
-                        <!--<Checkbox v-model="saveLogin" size="large">{{-->
+                            <!--<Row justify="space-between" align="middle">-->
+                            <!--<Checkbox v-model="saveLogin" size="large">{{-->
                             <!--$t("autoLogin")-->
                             <!--}}</Checkbox>-->
-                        <!--<Dropdown trigger="click" @on-click="handleDropDown">-->
+                            <!--<Dropdown trigger="click" @on-click="handleDropDown">-->
                             <!--<a class="forget-pass">{{ $t("forgetPass") }}</a>-->
                             <!--<DropdownMenu slot="list">-->
-                                <!--<DropdownItem name="test">浣撻獙娴嬭瘯璐﹀彿</DropdownItem>-->
-                                <!--<DropdownItem name="resetByMobile"-->
-                                <!--&gt;浣跨敤鎵嬫満鍙烽噸缃瘑鐮�(浠樿垂)</DropdownItem-->
-                                <!--&gt;-->
-                                <!--<DropdownItem name="resetByEmail"-->
-                                <!--&gt;浣跨敤閭閲嶇疆瀵嗙爜(浠樿垂)</DropdownItem-->
-                                <!--&gt;-->
+                            <!--<DropdownItem name="test">浣撻獙娴嬭瘯璐﹀彿</DropdownItem>-->
+                            <!--<DropdownItem name="resetByMobile"-->
+                            <!--&gt;浣跨敤鎵嬫満鍙烽噸缃瘑鐮�(浠樿垂)</DropdownItem-->
+                            <!--&gt;-->
+                            <!--<DropdownItem name="resetByEmail"-->
+                            <!--&gt;浣跨敤閭閲嶇疆瀵嗙爜(浠樿垂)</DropdownItem-->
+                            <!--&gt;-->
                             <!--</DropdownMenu>-->
-                        <!--</Dropdown>-->
-                    <!--</Row>-->
-                    <Button
-                            class="login-btn"
-                            type="primary"
-                            size="large"
-                            :loading="loading"
-                            @click="submitLogin"
-                            long
-                    >
-                        <span v-if="!loading">{{ $t("login") }}</span>
-                        <span v-else>{{ $t("logining") }}</span>
-                    </Button>
+                            <!--</Dropdown>-->
+                            <!--</Row>-->
+                            <Button
+                                    class="login-btn"
+                                    type="primary"
+                                    size="large"
+                                    :loading="loading"
+                                    @click="submitLogin"
+                                    long
+                            >
+                                <span v-if="!loading">{{ $t("login") }}</span>
+                                <span v-else>{{ $t("logining") }}</span>
+                            </Button>
+                        </div>
+
+                    </div>
                 </div>
+
                 <div v-if="socialLogining">
                     <RectLoading />
                 </div>
             </div>
             <!--<Footer />-->
             </Col>
-            <LangSwitch />
+            <!--<LangSwitch />-->
         </Row>
     </div>
     <!--<div>-->
@@ -508,5 +518,31 @@
 </script>
 
 <style lang="less">
+    .login-main-box{
+        .ivu-form-item{
+            margin-bottom: 2vw;
+            &:first-child{
+                margin-bottom: 4vw;
+            }
+        }
+        .ivu-form-item-content{
+            h1{
+                font-size: 1.5vw;
+                text-align: center;
+            }
+        }
+        .ivu-input-large{
+            height: 2vw;
+        }
+        .ivu-input-wrapper-large .ivu-input-prefix i, .ivu-input-wrapper-large .ivu-input-suffix i{
+            line-height: 2vw;
+        }
+        .ivu-input{
+            border: 1px solid #aaaaaa;
+        }
+    }
+
+</style>
+<style lang="less">
     @import "./login.less";
 </style>

--
Gitblit v1.9.1