update 优化 整体代码结构

疯狂的狮子Li

2023-08-11 f3195be73291effc55c3e35e623b82953cf1fc02

 src/assets/styles/index.scss

@@ -5,6 +5,8 @@
@import './sidebar.scss';
@import './btn.scss';
@import './ruoyi.scss';
@import 'animate.css';
@import 'element-plus/dist/index.css';

body {
  height: 100%;
@@ -22,6 +24,11 @@
html {
  height: 100%;
  box-sizing: border-box;
}

html.dark .svg-icon,
html.dark svg {
  fill: var(--el-text-color-regular);
}

#app {
@@ -92,7 +99,7 @@
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    content: ' ';
    clear: both;
    height: 0;
  }
@@ -106,7 +113,8 @@
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
@@ -126,6 +134,22 @@
  padding: 20px;
}

// search面板样式
.panel,
.search {
  margin-bottom: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid var(--el-border-color-light);
  background-color: var(--el-bg-color-overlay);
  padding: 0.75rem;
  transition: all ease 0.3s;

  &:hover {
    box-shadow: 0 2px 12px #0000001a;
    transition: all ease 0.3s;
  }
}

.components-container {
  margin: 30px 50px;
  position: relative;
@@ -136,7 +160,7 @@
}

.text-center {
  text-align: center
  text-align: center;
}

.sub-navbar {
@@ -181,13 +205,4 @@
    vertical-align: middle;
    margin-bottom: 10px;
  }
}

//refine vue-multiselect plugin
.multiselect {
  line-height: 16px;
}

.multiselect--active {
  z-index: 1000 !important;
}