فهرست منبع

登录界面修改,logo去除

zouzs 6 روز پیش
والد
کامیت
28056bfd90
4فایلهای تغییر یافته به همراه24 افزوده شده و 6 حذف شده
  1. 1 1
      public/platform-config.json
  2. 2 2
      src/layout/components/lay-sidebar/components/SidebarLogo.vue
  3. 15 1
      src/style/login.css
  4. 6 2
      src/views/login/index.vue

+ 1 - 1
public/platform-config.json

@@ -1,6 +1,6 @@
 {
   "Version": "6.1.0",
-  "Title": "惠融|统一权限管理系统",
+  "Title": "统一权限管理系统",
   "FixedHeader": true,
   "HiddenSideBar": false,
   "MultiTagsCache": false,

+ 2 - 2
src/layout/components/lay-sidebar/components/SidebarLogo.vue

@@ -19,7 +19,7 @@ const { title, getLogo } = useNav();
         class="sidebar-logo-link"
         :to="getTopMenu()?.path ?? '/'"
       >
-        <img :src="getLogo()" alt="logo" />
+        <!--        <img :src="getLogo()" alt="logo" />-->
         <span class="sidebar-title">{{ title }}</span>
       </router-link>
       <router-link
@@ -29,7 +29,7 @@ const { title, getLogo } = useNav();
         class="sidebar-logo-link"
         :to="getTopMenu()?.path ?? '/'"
       >
-        <img :src="getLogo()" alt="logo" />
+        <!--        <img :src="getLogo()" alt="logo" />-->
         <span class="sidebar-title">{{ title }}</span>
       </router-link>
     </transition>

+ 15 - 1
src/style/login.css

@@ -48,14 +48,26 @@
 
 .login-form h2 {
   text-transform: uppercase;
+  text-align: left;
   margin: 15px 0;
-  color: #999;
+  color: #181818;
   font:
     bold 160% Consolas,
     Monaco,
     monospace;
 }
 
+.login-form h4 {
+  text-transform: uppercase;
+  text-align: left;
+  margin: 15px 0;
+  color: #ACACAC;
+  font:
+    bold 100% Consolas,
+    Monaco,
+    monospace;
+}
+
 @media screen and (max-width: 1180px) {
   .login-container {
     grid-gap: 9rem;
@@ -63,6 +75,8 @@
 
   .login-form {
     width: 290px;
+    padding: 0;
+    background: transparent;
   }
 
   .login-form h2 {

+ 6 - 2
src/views/login/index.vue

@@ -246,7 +246,7 @@ onMounted(() => {
       />
     </div>
     <div class="login-container">
-      <div />
+      <div class="img" />
       <!--      <div class="img">
         <component :is="toRaw(illustration)" />
       </div>-->
@@ -254,7 +254,11 @@ onMounted(() => {
         <div class="login-form">
           <!--          <avatar class="avatar" />-->
           <Motion>
-            <h2 class="outline-hidden">{{ title }}</h2>
+            <h2 class="outline-hidden">惠融|{{ title }}</h2>
+          </Motion>
+
+          <Motion :delay="50">
+            <h4 class="outline-hidden">账号密码登录</h4>
           </Motion>
 
           <el-form