样式修改

zhangwencui

21 小时以前 e38c0656952f70552170fc4ee72420b0c741919e

 src/assets/styles/index.scss

@@ -1,24 +1,22 @@
@import './variables.module.scss';

@import './mixin.scss';

@import './transition.scss';

@import './element-ui.scss';

@import './sidebar.scss';

@import './btn.scss';

@import './ruoyi.scss';

@import "./variables.module.scss";

@import "./mixin.scss";

@import "./transition.scss";

@import "./element-ui.scss";

@import "./sidebar.scss";

@import "./btn.scss";

@import "./ruoyi.scss";



body {
  height: 100%;
  margin: 0;
body {

  height: 100%;

  margin: 0;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  background:
    radial-gradient(circle at 9% -6%, rgba(59, 130, 246, 0.14), transparent 36%),
    radial-gradient(circle at 88% -8%, rgba(56, 189, 248, 0.12), transparent 30%),
    linear-gradient(165deg, #f3f7fc 0%, #eef5ff 54%, #f8fbff 100%);
  color: var(--text-primary);
}
  text-rendering: optimizeLegibility;

  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;

  background: radial-gradient(circle at 9% -6%, rgba(59, 130, 246, 0.14), transparent 36%), radial-gradient(circle at 88% -8%, rgba(56, 189, 248, 0.12), transparent 30%),

    linear-gradient(165deg, #f3f7fc 0%, #eef5ff 54%, #f8fbff 100%);

  color: var(--text-primary);

}



label {

  font-weight: 600;

@@ -34,11 +32,11 @@
  height: 100%;

}



html,
body,
#app {
  background-color: var(--app-bg);
}
html,

body,

#app {

  background-color: var(--app-bg);

}



*,

*:before,

@@ -110,17 +108,17 @@
  }

}



aside {
  background: rgba(255, 255, 255, 0.84);
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: var(--radius-md);
  border: 1px solid var(--surface-border);
aside {

  background: rgba(255, 255, 255, 0.84);

  padding: 8px 24px;

  margin-bottom: 20px;

  border-radius: var(--radius-md);

  border: 1px solid var(--surface-border);

  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;

  color: var(--text-secondary);
  color: var(--text-secondary);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;



@@ -136,34 +134,57 @@


//main-container全局样式

.app-container {

  padding: 20px 24px 24px;

  --radius-lg: 0px;
  --radius-md: 0px;
  --radius-sm: 0px;
  --radius-xs: 0px;
  --el-border-radius-base: 0px;
  --el-border-radius-small: 0px;
  --el-border-radius-round: 0px;
  --el-border-radius-circle: 0px;

  padding: 20px;

  background-color: var(--surface-base, #ffffff);

  border-radius: 0;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);

  border: 1px solid var(--surface-border, #e2e8f0);

  min-height: calc(100vh - var(--topbar-height, 64px) - var(--content-gap, 16px) - 20px);

  margin-bottom: 10px;



  @media (max-width: 768px) {

    padding: 12px;

    border-radius: 0;
  }

}

.search_form {
.search_form {

  display: flex;

  align-items: center;

  justify-content: space-between;

  .search_title {
  margin-bottom: 16px;

  padding-bottom: 16px;

  border-bottom: 1px dashed var(--surface-border, #e2e8f0);

  .search_title {

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.04em;

    color: var(--text-secondary);
  }
}
.table_list {
  background: var(--panel-mask);
  border: 1px solid var(--surface-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(12px);
  padding: 18px;
}
    color: var(--text-secondary);

  }

}

.table_list {

  background: transparent;

  border: none;

  border-radius: 0;

  box-shadow: none;

  backdrop-filter: none;

  padding: 0;

}

.components-container {

  margin: 30px 50px;

  position: relative;

}



.text-center {

  text-align: center

  text-align: center;

}



.sub-navbar {

@@ -190,15 +211,15 @@
  }

}



.link-type,
.link-type:focus {
  color: var(--accent-light);
  cursor: pointer;

  &:hover {
    color: #2563eb;
  }
}
.link-type,

.link-type:focus {

  color: var(--accent-light);

  cursor: pointer;



  &:hover {

    color: #2563eb;

  }

}



.filter-container {

  padding-bottom: 10px;