无人机管理后台前端(已迁走)
zrj
2024-08-09 abfae0a0b1f20472cf02cea43afcfa977b6191d5
登录页面样式,首页主题样式修改
4 files modified
25 ■■■■ changed files
index.html 2 ●●● patch | view | raw | blame | history
src/page/index/top/index.vue 12 ●●●● patch | view | raw | blame | history
src/styles/login.scss 5 ●●●●● patch | view | raw | blame | history
src/styles/theme/white.scss 6 ●●●● patch | view | raw | blame | history
index.html
@@ -23,7 +23,7 @@
    <title>中图智绘低空无人机监测网平台</title>
  </head>
  <body>
  <body class="theme-white">
    <div id="app">
      <div id="loader-wrapper">
        <!-- <div class='loader-box'>
src/page/index/top/index.vue
@@ -14,24 +14,24 @@
      <top-search class="top-bar__item" v-if="setting.search"></top-search>
    </div>
    <div class="top-bar__right">
      <div v-if="setting.color" class="top-bar__item">
      <!-- <div v-if="setting.color" class="top-bar__item">
        <top-color></top-color>
      </div>
      <div v-if="setting.theme" class="top-bar__item">
        <top-theme></top-theme>
      </div>
      </div> -->
      <div v-if="setting.lock" class="top-bar__item">
        <top-lock></top-lock>
      </div>
      <div class="top-bar__item">
      <!-- <div class="top-bar__item">
        <top-lang></top-lang>
      </div>
      </div> -->
      <div class="top-bar__item" v-if="setting.fullscreen">
        <top-full></top-full>
      </div>
      <div class="top-bar__item" v-if="setting.debug">
      <!-- <div class="top-bar__item" v-if="setting.debug">
        <top-logs></top-logs>
      </div>
      </div> -->
      <div class="top-user">
        <img class="top-bar__img" :src="userInfo.avatar" />
        <el-dropdown>
src/styles/login.scss
@@ -5,7 +5,8 @@
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-image: url("/img/bg/bg.jpg");
  background-color: #469BC0;
  // background-image: url("/img/bg/bg.jpg");
  background-size: 100% 100%;
}
@@ -32,7 +33,7 @@
  border-bottom-left-radius: 5px;
  justify-content: center;
  flex-direction: column;
  background-color: #8b9aac;
  background-color: #5A9CF8 !important;
  color: #fff;
  float: left;
  width: 50%;
src/styles/theme/white.scss
@@ -14,7 +14,7 @@
      }
      &.is-active {
        background-color: var(--el-color-primary);
        background-color:  #409EFF;
        &:before {
          content: '';
@@ -22,7 +22,7 @@
          left: 0;
          bottom: 0;
          width: 4px;
          background: var(--el-color-primary);
          background:  #409EFF;
          position: absolute;
        }
@@ -36,7 +36,7 @@
  .avue-top,
  .avue-logo,
  .tags-container {
    background-color: var(--el-color-primary);
    background-color: #409EFF;
  }
  .avue-sidebar--tip {