| | |
|---|
| | | @import './btn.scss';
|
|---|
| | | @import './ruoyi.scss';
|
|---|
| | |
|
|---|
| | | body {
|
|---|
| | | height: 100%;
|
|---|
| | | margin: 0;
|
|---|
| | | -moz-osx-font-smoothing: grayscale;
|
|---|
| | | -webkit-font-smoothing: antialiased;
|
|---|
| | | text-rendering: optimizeLegibility;
|
|---|
| | | font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|---|
| | | }
|
|---|
| | | 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 top left, rgba(214, 226, 219, 0.8), transparent 28%), |
|---|
| | | linear-gradient(180deg, #f7faf8 0%, var(--app-bg) 100%); |
|---|
| | | color: var(--text-primary); |
|---|
| | | } |
|---|
| | |
|
|---|
| | | label {
|
|---|
| | | font-weight: 700;
|
|---|
| | | }
|
|---|
| | | label { |
|---|
| | | font-weight: 600; |
|---|
| | | color: var(--text-secondary); |
|---|
| | | } |
|---|
| | |
|
|---|
| | | html {
|
|---|
| | | height: 100%;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #app {
|
|---|
| | | height: 100%;
|
|---|
| | | }
|
|---|
| | | #app { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | html, |
|---|
| | | body, |
|---|
| | | #app { |
|---|
| | | background-color: var(--app-bg); |
|---|
| | | } |
|---|
| | |
|
|---|
| | | *,
|
|---|
| | | *:before,
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //main-container全局样式
|
|---|
| | | .app-container {
|
|---|
| | | padding: 20px;
|
|---|
| | | }
|
|---|
| | | .search_form {
|
|---|
| | | display: flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | .search_title {
|
|---|
| | | font-size: 14px;
|
|---|
| | | font-weight: 700;
|
|---|
| | | color: #333333;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .table_list {
|
|---|
| | | height: calc(100vh - 11em);
|
|---|
| | | margin-top: 20px;
|
|---|
| | | background: #fff;
|
|---|
| | | padding: 18px
|
|---|
| | | }
|
|---|
| | | .app-container { |
|---|
| | | padding: 20px 24px 24px; |
|---|
| | | } |
|---|
| | | .search_form { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-between; |
|---|
| | | .search_title { |
|---|
| | | font-size: 14px; |
|---|
| | | font-weight: 600; |
|---|
| | | letter-spacing: 0.04em; |
|---|
| | | color: var(--text-secondary); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .table_list { |
|---|
| | | height: calc(100vh - 11em); |
|---|
| | | margin-top: 20px; |
|---|
| | | background: rgba(255, 255, 255, 0.88); |
|---|
| | | border: 1px solid var(--surface-border); |
|---|
| | | border-radius: var(--radius-md); |
|---|
| | | box-shadow: var(--shadow-sm); |
|---|
| | | padding: 18px; |
|---|
| | | } |
|---|
| | | .components-container {
|
|---|
| | | margin: 30px 50px;
|
|---|
| | | position: relative;
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .link-type,
|
|---|
| | | .link-type:focus {
|
|---|
| | | color: #337ab7;
|
|---|
| | | cursor: pointer;
|
|---|
| | | .link-type, |
|---|
| | | .link-type:focus { |
|---|
| | | color: var(--el-color-primary); |
|---|
| | | cursor: pointer; |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | | color: #165e57; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|
|---|
| | | &:hover {
|
|---|
| | | color: rgb(32, 160, 255);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .filter-container {
|
|---|
| | | padding-bottom: 10px;
|
|---|
| | | .filter-container { |
|---|
| | | padding-bottom: 10px; |
|---|
| | |
|
|---|
| | | .filter-item {
|
|---|
| | | display: inline-block;
|
|---|
| | | vertical-align: middle;
|
|---|
| | | margin-bottom: 10px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .app-container, |
|---|
| | | .table_list, |
|---|
| | | .components-container { |
|---|
| | | .el-card, |
|---|
| | | .el-dialog, |
|---|
| | | .el-drawer, |
|---|
| | | .el-table, |
|---|
| | | .el-descriptions, |
|---|
| | | .el-collapse-item__wrap, |
|---|
| | | .el-tabs__content { |
|---|
| | | border-radius: var(--radius-md); |
|---|
| | | } |
|---|
| | | } |
|---|
