| 对比新文件 |
| | |
|---|
| | | @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; |
|---|
| | | -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); |
|---|
| | | } |
|---|
| | |
|
|---|
| | | label {
|
|---|
| | | font-weight: 600;
|
|---|
| | | color: var(--text-secondary);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | html {
|
|---|
| | | height: 100%;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #app {
|
|---|
| | | height: 100%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | html, |
|---|
| | | body, |
|---|
| | | #app { |
|---|
| | | background-color: var(--app-bg); |
|---|
| | | } |
|---|
| | |
|
|---|
| | | *,
|
|---|
| | | *:before,
|
|---|
| | | *:after {
|
|---|
| | | box-sizing: inherit;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .no-padding {
|
|---|
| | | padding: 0px !important;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .padding-content {
|
|---|
| | | padding: 4px 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | a:focus,
|
|---|
| | | a:active {
|
|---|
| | | outline: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | a,
|
|---|
| | | a:focus,
|
|---|
| | | a:hover {
|
|---|
| | | cursor: pointer;
|
|---|
| | | color: inherit;
|
|---|
| | | text-decoration: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | div:focus {
|
|---|
| | | outline: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .fr {
|
|---|
| | | float: right;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .fl {
|
|---|
| | | float: left;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pr-5 {
|
|---|
| | | padding-right: 5px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pl-5 {
|
|---|
| | | padding-left: 5px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .block {
|
|---|
| | | display: block;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pointer {
|
|---|
| | | cursor: pointer;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .inlineBlock {
|
|---|
| | | display: block;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .clearfix {
|
|---|
| | | &:after {
|
|---|
| | | visibility: hidden;
|
|---|
| | | display: block;
|
|---|
| | | font-size: 0;
|
|---|
| | | content: " ";
|
|---|
| | | clear: both;
|
|---|
| | | height: 0;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | aside { |
|---|
| | | background: rgba(255, 255, 255, 0.84); |
|---|
| | | padding: 8px 24px; |
|---|
| | | margin-bottom: 20px; |
|---|
| | | border-radius: 12px; |
|---|
| | | 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); |
|---|
| | | -webkit-font-smoothing: antialiased;
|
|---|
| | | -moz-osx-font-smoothing: grayscale;
|
|---|
| | |
|
|---|
| | | a {
|
|---|
| | | color: #337ab7;
|
|---|
| | | cursor: pointer;
|
|---|
| | |
|
|---|
| | | &:hover {
|
|---|
| | | color: rgb(32, 160, 255);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //main-container鍏ㄥ眬鏍峰紡
|
|---|
| | | .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 { |
|---|
| | | 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; |
|---|
| | | } |
|---|
| | | .components-container {
|
|---|
| | | margin: 30px 50px;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .text-center {
|
|---|
| | | text-align: center
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .sub-navbar {
|
|---|
| | | height: 50px;
|
|---|
| | | line-height: 50px;
|
|---|
| | | position: relative;
|
|---|
| | | width: 100%;
|
|---|
| | | text-align: right;
|
|---|
| | | padding-right: 20px;
|
|---|
| | | transition: 600ms ease position;
|
|---|
| | | background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
|
|---|
| | |
|
|---|
| | | .subtitle {
|
|---|
| | | font-size: 20px;
|
|---|
| | | color: #fff;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | &.draft {
|
|---|
| | | background: #d0d0d0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | &.deleted {
|
|---|
| | | background: #d0d0d0;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .link-type, |
|---|
| | | .link-type:focus { |
|---|
| | | color: var(--accent-light); |
|---|
| | | cursor: pointer; |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | | color: #2563eb; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|
|---|
| | | .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);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
