首页菜单和底部文字调整

yijiusmile

2021-01-30 7eb274f1b12c61a371174d0f1431d34186e7d799

首页菜单和底部文字调整

 src/assets/logo.png

 src/lang/zh.js

@@ -253,7 +253,7 @@
    sidebarLogo: '侧边栏 Logo'
  },
  system: {
    title: '人力资源管理系统'
    title: '中保亚太    '
  },
  tips: {
    usernameShouldNotBeEmpty: '用户名不能为空',

 src/layout/components/Sidebar/Logo.vue

@@ -7,7 +7,7 @@
      </router-link>
      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
        <img v-if="logo" :src="logo" class="sidebar-logo">
        <h1 class="sidebar-title">{{ $t('system.title') }} <span>cloud</span></h1>
        <h1 class="sidebar-title" style="color: rgba(163, 44, 48, 1);">{{ $t('system.title') }}</h1>
      </router-link>
    </transition>
  </div>
@@ -45,7 +45,7 @@
  width: 100%;
  height: 54px;
  line-height: 54px;
  background: rgba(163, 44, 48, 1);
  background: white;
  text-align: center;
  overflow: hidden;


 src/layout/index.vue

@@ -8,7 +8,9 @@
        <tags-view v-if="needTagsView" />
      </div>
      <app-main />
      <div class="footer">© 2021 <a target="_blank" href="">中保亚太人力资源管理系统</a></div>
      <div class="footer"><a target="_blank" href="">版权所有:深圳市太阳帆信息技术开发有限公司
        客服电话:0755-26491738
      </a></div>
      <right-panel v-if="showSettings">
        <settings />
      </right-panel>

 src/styles/index.scss

@@ -235,15 +235,14 @@
.el-submenu__title {
  font-weight: 400;
  font-size: 14px;
  color: rgb(255, 255, 255) !important;
  color: black !important;
  i {
    color: rgb(255, 255, 255) ;
    margin-right: 10px !important;
    margin-left: 10px;
  }
}
li.el-menu-item {
  color: rgb(255, 255, 255) !important;
  color: black !important;
}

.el-tooltip__popper {

 src/styles/variables.scss

@@ -14,7 +14,7 @@
$menuActiveText:#fff;
$subMenuActiveText:#fff; // https://github.com/ElemeFE/element/issues/12951

$menuBg:rgba(163, 44, 48, 1);
$menuBg:rgba(255, 255, 255, 1.0);
$menuHover:rgba(0,0,0,.1);

$subMenuBg:rgba(163, 44, 48, 1);

 src/views/dashboard/index.vue

@@ -1,8 +1,8 @@
<template>
  <div class="main">
    <el-row style="    height: 40px;">
      <el-col :span="12"><div>&nbsp;</div></el-col>
      <el-col :span="12">
      <el-col :span="8"><div>&nbsp;</div></el-col>
      <el-col :span="16">
        <ul class="data-ul">
          <li :class="{selectedColor:selectIndex === 0}" @click="selectTab(0)">今日</li>
          <li :class="{selectedColor:selectIndex === 1}" @click="selectTab(1)">本周</li>