Browse Source

标题更改

1004749546@qq.com 3 năm trước cách đây
mục cha
commit
ec3eb5cdb9

BIN
src/assets/normalbtn_login.png


BIN
src/assets/selectedbtn_login.png


+ 1 - 1
src/components/GlobalHeader/GlobalHeader.vue

@@ -13,7 +13,7 @@
         <div v-else :class="['top-nav-header-index', theme]">
           <div class="header-index-wide">
             <div class="header-index-left">
-              <logo class="top-nav-header" :show-title="device !== 'mobile'"/>
+              <logo ref="logo" class="top-nav-header" :show-title="device !== 'mobile'"/>
               <s-menu v-if="device !== 'mobile'" mode="horizontal" :menu="menus" :theme="theme" />
               <a-icon v-else class="trigger" :type="collapsed ? 'menu-fold' : 'menu-unfold'" @click="toggle" />
             </div>

+ 1 - 1
src/components/global.less

@@ -448,7 +448,7 @@ body {
   }
   &.ant-layout-sider-collapsed{
     .logo{
-      padding-left: 20px;
+      // padding-left: 20px;
     }
   }
   &.light {

+ 26 - 5
src/components/tools/Logo.vue

@@ -3,15 +3,16 @@
     <router-link :to="{name:'index'}">
       <!-- <LogoSvg alt="logo" /> -->
       <!-- <img :src="LogoSvg" /> -->
-      <!-- <img :src="logo" alt="logo" /> -->
-      <h1 v-if="showTitle">{{ title }}</h1>
+      <img :src="logo" alt="logo" height="42" class="img_box"/>
+      <!-- <h1 v-if="showTitle">{{ title }}</h1> -->
     </router-link>
   </div>
 </template>
 
 <script>
-// import LogoSvg from '@/assets/logo.png'
-
+import LogoMax from '@/assets/normalbtn_login.png'
+import LogoMin from '@/assets/selectedbtn_login.png'
+import { mapState } from 'vuex'
 export default {
   name: 'Logo',
   components: {
@@ -32,8 +33,28 @@ export default {
   data () {
     return {
       // LogoSvg: LogoSvg,
-      // logo: require(process.env.VUE_APP_LOGO) //  logo
+      // logo: LogoSvg //  logo
     }
+  },
+  computed: {
+	  ...mapState({
+		  sidebar: state => state.app.sidebar
+	  }),
+	 logo () {
+      return this.sidebar ? LogoMax : LogoMin
+	 }
   }
 }
 </script>
+<style lang="less" scoped="scoped">
+	.logo{
+		padding-right: 10px;
+		img{
+			width: auto !important;
+			height: auto !important;
+			max-width: 100%;
+			max-height: 100%;
+		}
+	}
+
+</style>