Browse Source

调整系统的主题

master
453530270@qq.com 1 year ago
parent
commit
a1f4f0d90e
  1. 5
      src/components/main/main.vue
  2. 9
      src/index.less

5
src/components/main/main.vue

@ -3,10 +3,7 @@
<Sider hide-trigger collapsible :width="256" :collapsed-width="64" v-model="collapsed" class="left-sider" :style="{overflow: 'hidden'}"> <Sider hide-trigger collapsible :width="256" :collapsed-width="64" v-model="collapsed" class="left-sider" :style="{overflow: 'hidden'}">
<side-menu accordion ref="sideMenu" :active-name="$route.name" :collapsed="collapsed" @on-select="turnToPage" :menu-list="menuList"> <side-menu accordion ref="sideMenu" :active-name="$route.name" :collapsed="collapsed" @on-select="turnToPage" :menu-list="menuList">
<!-- 需要放在菜单上面的内容如Logo写在side-menu标签内部如下 --> <!-- 需要放在菜单上面的内容如Logo写在side-menu标签内部如下 -->
<div class="logo-con"> <div style="height:32px;"></div>
<img v-show="!collapsed" :src="maxLogo" key="max-logo" />
<img v-show="collapsed" :src="minLogo" key="min-logo" />
</div>
</side-menu> </side-menu>
</Sider> </Sider>
<Layout> <Layout>

9
src/index.less

@ -1,8 +1,8 @@
@import '~view-design/src/styles/index.less'; @import '~view-design/src/styles/index.less';
@menu-dark-title: #001529; @menu-dark-title: #17449e;
@menu-dark-active-bg: #000c17; @menu-dark-active-bg: #929db9;
@layout-sider-background: #001529; @layout-sider-background: #2552ac;
.margin-loop (@i) when (@i > 0) { .margin-loop (@i) when (@i > 0) {
.margin-top-@{i} { .margin-top-@{i} {
@ -24,3 +24,6 @@
.margin-bottom-0 { .margin-bottom-0 {
margin-bottom: 0 margin-bottom: 0
} }
@primary-color: #2552ac;
Loading…
Cancel
Save