commit
This commit is contained in:
xuyucheng
parent
fbdeda1dff
commit
bd2cc43036
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
|
|
@ -5,7 +5,7 @@
|
|||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<link rel="icon" href="<%= BASE_URL %>small_logo.jpg">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
</head>
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
|
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1649730397018" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3893" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
|
||||
</style></defs><path d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z" p-id="3894" fill="#1296db"></path></svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 137 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
|
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1658281261954" class="icon" viewBox="0 0 1040 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2986" xmlns:xlink="http://www.w3.org/1999/xlink" width="203.125" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
|
||||
</style></defs><path d="M509.92 176C325.504 176 176 325.504 176 509.92c0 184.416 149.504 333.92 333.92 333.92 184.416 0 333.92-149.504 333.92-333.92C843.84 325.504 694.32 176 509.92 176z m0 48c157.904 0 285.92 128 285.92 285.92 0 157.904-128.016 285.92-285.92 285.92C352 795.84 224 667.808 224 509.92 224 352 352 224 509.92 224z m0 96C405.024 320 320 405.024 320 509.92c0 104.88 85.024 189.92 189.92 189.92 104.88 0 189.92-85.04 189.92-189.92 0-104.896-85.04-189.92-189.92-189.92z" p-id="2987" fill="#409EFF"></path></svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1658281705607" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2551" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
|
||||
</style></defs><path d="M512 170.666667a341.333333 341.333333 0 1 1 0 682.666666 341.333333 341.333333 0 0 1 0-682.666666z m0 42.666666a298.666667 298.666667 0 1 0 0 597.333334 298.666667 298.666667 0 0 0 0-597.333334z" fill="#A2B2C3" p-id="2552"></path></svg>
|
||||
|
Before Width: | Height: | Size: 928 B |
|
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1649731015829" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8261" width="200" height="200" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
|
||||
</style></defs><path d="M150.528 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0zM519.168 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0zM887.808 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0z" p-id="8262" fill="#dbdbdb"></path></svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
|
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1649730468936" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6333" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
|
||||
</style></defs><path d="M474.697931 463.133036c52.537564-55.155181 119.125121-74.453712 197.466374-70.189595-1.747807-8.009418-1.814322-14.22191-4.389984-19.11843-12.712533-24.170492-22.698978-50.789757-39.787168-71.474868-102.242616-123.764791-308.057121-138.461515-427.463652-31.18935-61.691037 55.423287-87.38421 124.68986-69.739341 206.809159 11.298324 52.575426 43.588751 92.715635 85.609797 124.551714 13.697977 10.382465 15.916505 19.665899 10.030447 34.608216-7.30436 18.535145-12.809747 37.781488-19.0908 56.720839 17.596773-3.874237 31.816636-9.761318 44.911886-17.542538 30.707372-18.24555 61.189617-28.17162 98.18623-16.900925 22.337751 6.800893 47.565319 4.123924 74.762751 5.92085C405.477406 585.486688 421.574013 518.909363 474.697931 463.133036zM497.939261 319.220369c19.834744-0.284479 31.798217 10.92277 32.226982 30.178323 0.442068 19.85521-10.726296 31.997762-29.841655 32.44597-21.970384 0.51677-38.566364-12.741185-38.723953-30.930453C461.449185 333.410556 477.38411 319.510988 497.939261 319.220369zM309.594639 381.837498c-21.693068 0.073678-37.788651-13.573133-37.541011-31.828916 0.233314-17.353227 16.143679-30.628578 36.897352-30.79333 19.576871-0.150426 33.157167 13.06148 32.867572 31.983435C341.537142 369.591593 328.722278 381.778146 309.594639 381.837498z" p-id="6334" fill="#15ad31"></path><path d="M835.363224 471.499587c-81.796958-78.773088-215.099986-91.444689-312.212768-29.66974-125.474736 79.81379-124.392078 243.768933 2.771113 320.735885 61.081147 36.97103 127.145795 47.321772 196.581214 28.592198 14.377452-3.879354 26.002211-2.758834 38.630832 5.067412 17.174148 10.645454 35.464723 19.495006 53.278437 29.115108 1.274016-0.950651 2.548032-1.901303 3.822049-2.852978-4.882194-17.019629-10.796904-33.842783-14.117532-51.16531-1.249457-6.507204 1.530866-15.896038 5.932106-20.968567 11.326976-13.038968 25.615401-23.515576 36.914748-36.58115C913.685034 636.613112 908.943033 542.366611 835.363224 471.499587zM589.682755 564.978609c-14.864546 0.228197-26.891464-11.264555-26.424836-25.248034 0.456395-13.707187 11.322883-23.429619 26.14752-23.38971 16.312524 0.041956 29.684066 11.452843 29.205159 24.921599C618.16239 553.809221 604.82257 564.746318 589.682755 564.978609zM737.859539 565.009308c-13.485129-0.203638-26.317389-11.747555-26.63359-23.958668-0.340761-13.07069 12.692067-24.846898 27.374464-24.735357 16.766872 0.12996 28.897144 11.084453 28.241204 25.499767C766.255263 554.683125 753.061776 565.241598 737.859539 565.009308z" p-id="6335" fill="#15ad31"></path></svg>
|
||||
|
Before Width: | Height: | Size: 3.1 KiB |
|
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1649730523725" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7390" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
|
||||
</style></defs><path d="M761.984 1009.28H253.696C138.368 1009.28 44.8 915.712 44.8 800.384V292.096C44.8 176.768 138.368 83.2 253.696 83.2h508.288c115.328 0 208.896 93.568 208.896 208.896v508.288c0 115.328-93.568 208.896-208.896 208.896z" fill="#00E560" p-id="7391"></path><path d="M507.776 265.856c-72.576 0-139.776 20.352-193.536 54.528-54.272 34.432-94.592 83.2-113.408 139.264-7.552 22.528-11.648 46.464-11.648 71.04 0 92.16 56.448 172.928 142.208 220.544 7.68 4.224 11.648 13.44 8.32 21.632-6.4 15.616-14.592 30.592-24.32 44.672-3.072 4.352 0.768 10.368 6.016 8.96 29.44-7.808 56.96-19.072 81.92-33.28 9.088-5.248 19.456-6.912 29.696-4.864 23.936 4.736 49.024 7.296 74.88 7.296 176 0 318.592-118.656 318.592-264.832 0-146.304-142.72-264.96-318.72-264.96z" fill="#FFFFFF" p-id="7392"></path></svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
|
|
@ -1,64 +1,67 @@
|
|||
@import "./theme-color.scss";
|
||||
|
||||
// 深色主题
|
||||
$dark-primary: #8276c9;
|
||||
$dark-font-color: rgb(255, 255, 255, .87);
|
||||
$dark-color: rgb(255, 255, 255, .87);
|
||||
$dark-main: #232429;
|
||||
$dark-aside: #27282e;
|
||||
$dark-input: #191a1f;
|
||||
$dark-border: #434343;
|
||||
|
||||
// 浅色主题
|
||||
$light-primary: #587df1;
|
||||
$light-font-color: #333;
|
||||
$light-color: #333;
|
||||
$light-main: #ededed;
|
||||
$light-aside: #ffffff;
|
||||
$light-input: rgb(86, 87, 88, .04);
|
||||
$light-border: #434343;
|
||||
|
||||
|
||||
// 通用主题
|
||||
$success: #87d068;
|
||||
$failure: #f50;
|
||||
$warning: #E6A23C;
|
||||
$info: #909399;
|
||||
|
||||
@mixin flex($justify) {
|
||||
display: flex;
|
||||
justify-content: $justify;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
// 按钮混合
|
||||
@mixin primary-color($color) {
|
||||
background-color: $color;
|
||||
color:$dark-font-color;
|
||||
// 切换主色
|
||||
@mixin primary-bgColor($bgColor: map-get($primary, 1), $color: $dark-color) {
|
||||
background-color: $bgColor !important;
|
||||
color: $color !important;
|
||||
|
||||
[data-theme="dark-theme"] & {
|
||||
background-color: $dark-primary;
|
||||
}
|
||||
|
||||
[data-theme="light-theme"] & {
|
||||
background-color: $light-primary;
|
||||
@each $key,
|
||||
$val in $primary {
|
||||
[primary-theme="primary.#{$key}"] & {
|
||||
background-color: #{$val} !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 主色文字
|
||||
@mixin primary-color($color: map-get($primary, 1)) {
|
||||
color: $color;
|
||||
|
||||
@each $key,
|
||||
$val in $primary {
|
||||
[primary-theme="primary.#{$key}"] & {
|
||||
color: #{$val};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 文字混合
|
||||
@mixin font-color($color) {
|
||||
color: $color;
|
||||
|
||||
[data-theme="dark-theme"] & {
|
||||
color: $dark-font-color !important;
|
||||
color: $dark-color;
|
||||
}
|
||||
|
||||
[data-theme="light-theme"] & {
|
||||
color: $light-font-color !important;
|
||||
color: $light-color;
|
||||
}
|
||||
}
|
||||
|
||||
// 主题背景
|
||||
@mixin input-color($color) {
|
||||
background-color: $color;
|
||||
@include font-color($dark-font-color);
|
||||
@include font-color($dark-color);
|
||||
|
||||
[data-theme="dark-theme"] & {
|
||||
background-color: $dark-input;
|
||||
|
|
@ -86,41 +89,30 @@ $info: #909399;
|
|||
padding: 20px;
|
||||
height: 100%;
|
||||
background-color: $color;
|
||||
color: $dark-font-color;
|
||||
color: $dark-color;
|
||||
box-shadow: 0 1px 5px 0 rgb(57 66 60 / 20%);
|
||||
|
||||
[data-theme="dark-theme"] & {
|
||||
background-color: $dark-aside;
|
||||
|
||||
span,
|
||||
p,i {
|
||||
color: $dark-font-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
[data-theme="light-theme"] & {
|
||||
background-color: $light-aside;
|
||||
|
||||
span,
|
||||
p,i {
|
||||
color: $light-font-color !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin bg-model-color($color) {
|
||||
background-color: $color;
|
||||
color: $dark-font-color;
|
||||
color: $dark-color;
|
||||
|
||||
[data-theme="dark-theme"] & {
|
||||
background-color: $dark-aside;
|
||||
color: $dark-font-color ;
|
||||
color: $dark-color ;
|
||||
}
|
||||
|
||||
[data-theme="light-theme"] & {
|
||||
background-color: $light-aside;
|
||||
color: $light-font-color ;
|
||||
color: $light-color ;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
$primary: (
|
||||
1: #9373EE,
|
||||
2: #5F80E9,
|
||||
3: #587DF1,
|
||||
4: #9A7D56,
|
||||
5: #00C3EE,
|
||||
6: #039E74,
|
||||
7: #FA8C16,
|
||||
8: #E86CA4,
|
||||
9: #FD6874,
|
||||
10: #8E8374,
|
||||
);
|
||||
|
||||
// 通用主题
|
||||
$success: #87d068;
|
||||
$failure: #f50;
|
||||
$warning: #E6A23C;
|
||||
$info: #909399;
|
||||
|
|
@ -11,19 +11,12 @@
|
|||
border: none;
|
||||
background-color: transparent;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
&-item {
|
||||
|
||||
i,
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: rgb(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
span {
|
||||
margin-right: 80px;
|
||||
}
|
||||
}
|
||||
i,
|
||||
span {
|
||||
font-size: 12px;
|
||||
@include font-color($dark-color)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -37,7 +37,7 @@ span {
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: 'SRL';
|
||||
color: rgb(255, 255, 255, 0.87);
|
||||
@include font-color($dark-color);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
|
@ -105,16 +105,6 @@ th {
|
|||
border-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.el-tabs__item {
|
||||
background-color: #212121
|
||||
}
|
||||
|
||||
.el-tabs__item.is-active {
|
||||
span {
|
||||
color: #8276c9 !important;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
font-family: 800;
|
||||
|
|
@ -126,7 +116,7 @@ h2:before {
|
|||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 18px;
|
||||
background: #ff9347;
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
top: 12px;
|
||||
|
|
@ -138,15 +128,23 @@ h2:before {
|
|||
cursor: pointer;
|
||||
margin-right: 15px;
|
||||
border: none;
|
||||
@include primary-color($dark-primary);
|
||||
|
||||
.el-tag__close {
|
||||
@include font-color($dark-font-color);
|
||||
&__item.is-active {
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
.el-tag__close:hover {
|
||||
background-color: rgb(255, 255, 255, 0.87) !important;
|
||||
color: $dark-primary !important;
|
||||
&__item:hover,
|
||||
&__item:focus {
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
&__close {
|
||||
color: $dark-color !important;
|
||||
}
|
||||
|
||||
&__close:hover {
|
||||
background-color: $dark-color !important;
|
||||
color: $light-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -166,7 +164,7 @@ h2:before {
|
|||
width: 100%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
@include primary-color($dark-primary);
|
||||
|
||||
color: rgb(255, 255, 255, 0.87);
|
||||
border: none;
|
||||
}
|
||||
|
|
@ -183,23 +181,13 @@ h2:before {
|
|||
.el-button {
|
||||
font-size: 12px;
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
|
||||
&--primary {
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
|
||||
&--default {
|
||||
span {
|
||||
color: $dark-primary;
|
||||
}
|
||||
}
|
||||
|
||||
&--primary,
|
||||
&--primary:hover,
|
||||
&--primary:focus {
|
||||
@include primary-color($dark-primary);
|
||||
border: none;
|
||||
}
|
||||
|
||||
&--text {
|
||||
span {
|
||||
color: $dark-primary;
|
||||
color: $dark-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -302,7 +290,7 @@ input[type="number"] {
|
|||
|
||||
&__inner:hover,
|
||||
&__inner:focus {
|
||||
border: 1px solid $dark-primary;
|
||||
border: 1px solid map-get($primary, 1);
|
||||
}
|
||||
|
||||
&.is-disabled &__inner {
|
||||
|
|
@ -313,20 +301,22 @@ input[type="number"] {
|
|||
|
||||
.el-select {
|
||||
.el-input.is-focus .el-input__inner {
|
||||
border: 1px solid $dark-primary;
|
||||
border: 1px solid map-get($primary, 1);
|
||||
}
|
||||
|
||||
.el-input__inner:focus {
|
||||
border: 1px solid $dark-primary;
|
||||
border: 1px solid map-get($primary, 1);
|
||||
}
|
||||
|
||||
&-dropdown {
|
||||
background-color: #232429;
|
||||
@include bg-aside-color($dark-aside);
|
||||
border: none;
|
||||
height: auto;
|
||||
padding: 10px;
|
||||
|
||||
&__item:hover,
|
||||
&__item.hover {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1));
|
||||
color: rgb(255, 255, 255, 0.87);
|
||||
}
|
||||
}
|
||||
|
|
@ -334,7 +324,7 @@ input[type="number"] {
|
|||
|
||||
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
|
||||
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
|
||||
@include primary-color($dark-primary);
|
||||
|
||||
color: rgb(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
|
|
@ -347,12 +337,12 @@ input[type="number"] {
|
|||
|
||||
&__inner:hover,
|
||||
&__inner:focus {
|
||||
border: 1px solid $dark-primary;
|
||||
border: 1px solid map-get($primary, 1);
|
||||
}
|
||||
}
|
||||
|
||||
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
.ace-tm {
|
||||
|
|
@ -376,7 +366,7 @@ input[type="number"] {
|
|||
}
|
||||
|
||||
.el-popover {
|
||||
background-color: #232429;
|
||||
@include input-color($dark-input);
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
|
@ -402,26 +392,22 @@ input[type="number"] {
|
|||
}
|
||||
|
||||
.el-radio__input.is-checked .el-radio__inner {
|
||||
@include primary-color($dark-primary);
|
||||
border: 1px solid $dark-primary;
|
||||
|
||||
border: 1px solid map-get($primary, 1);
|
||||
}
|
||||
|
||||
.el-radio__input.is-checked+.el-radio__label {
|
||||
color: $dark-primary;
|
||||
}
|
||||
.el-radio__input.is-checked+.el-radio__label {}
|
||||
|
||||
.el-checkbox__input.is-checked+.el-checkbox__label {
|
||||
color: $dark-primary;
|
||||
}
|
||||
.el-checkbox__input.is-checked+.el-checkbox__label {}
|
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner,
|
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||||
@include primary-color($dark-primary);
|
||||
border: 1px solid $dark-primary;
|
||||
|
||||
border: 1px solid map-get($primary, 1);
|
||||
}
|
||||
|
||||
.el-notification {
|
||||
background-color: #232429;
|
||||
|
||||
border: none;
|
||||
|
||||
&__title {
|
||||
|
|
@ -445,7 +431,7 @@ input[type="number"] {
|
|||
}
|
||||
|
||||
.el-picker-panel {
|
||||
background-color: #232429;
|
||||
|
||||
border: none;
|
||||
|
||||
&__icon-btn {
|
||||
|
|
@ -461,13 +447,13 @@ input[type="number"] {
|
|||
color: rgb(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.el-date-table td.current:not(.disabled) span {
|
||||
@include primary-color($dark-primary);
|
||||
}
|
||||
.el-date-table td.current:not(.disabled) span {}
|
||||
|
||||
.el-dropdown-menu {
|
||||
background-color: #232429;
|
||||
@include bg-aside-color($dark-aside);
|
||||
border: none;
|
||||
height: auto;
|
||||
padding: 10px;
|
||||
|
||||
&__item {
|
||||
color: rgb(255, 255, 255, 0.87);
|
||||
|
|
@ -476,12 +462,11 @@ input[type="number"] {
|
|||
|
||||
.el-dropdown-menu__item:focus,
|
||||
.el-dropdown-menu__item:not(.is-disabled):hover {
|
||||
@include primary-color($dark-primary);
|
||||
color: rgb(255, 255, 255, 0.87);
|
||||
@include primary-bgColor(map-get($primary, 1));
|
||||
}
|
||||
|
||||
.el-cascader__dropdown {
|
||||
background-color: #232429;
|
||||
@include primary-bgColor(map-get($primary, 1));
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
|
@ -492,11 +477,11 @@ input[type="number"] {
|
|||
|
||||
.el-cascader-node:not(.is-disabled):focus,
|
||||
.el-cascader-node:not(.is-disabled):hover {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1));
|
||||
}
|
||||
|
||||
.el-cascader-node.in-active-path {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1));
|
||||
}
|
||||
|
||||
.el-cascader-menu {
|
||||
|
|
@ -534,23 +519,31 @@ input[type="number"] {
|
|||
|
||||
&-node__content:hover {
|
||||
border-radius: 6px;
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
&-node:focus>&-node__content {
|
||||
border-radius: 6px;
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
}
|
||||
|
||||
.el-step {
|
||||
&__line {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
&__icon {
|
||||
color: rgb(255, 255, 255, 0.87);
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
|
||||
|
||||
&-inner {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
&__icon.is-text {
|
||||
border: none;
|
||||
}
|
||||
|
||||
&__head.is-success {
|
||||
|
|
@ -558,19 +551,15 @@ input[type="number"] {
|
|||
}
|
||||
|
||||
&__title.is-success {
|
||||
color: $dark-primary;
|
||||
@include primary-color(map-get($primary, 1));
|
||||
}
|
||||
|
||||
&__title.is-finish {
|
||||
color: $dark-primary;
|
||||
@include primary-color(map-get($primary, 1));
|
||||
}
|
||||
|
||||
&__title.is-process {
|
||||
color: $dark-primary;
|
||||
}
|
||||
|
||||
&__icon-inner {
|
||||
font-size: 12px;
|
||||
@include primary-color(map-get($primary, 1));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,59 +0,0 @@
|
|||
.el-container {
|
||||
height: 100%;
|
||||
background: url("~@/assets/img/background.jpg") center no-repeat;
|
||||
|
||||
.el-main {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
|
||||
.form-box {
|
||||
width: 350px;
|
||||
|
||||
.el-image {
|
||||
width: 200px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-form {
|
||||
width: 100%;
|
||||
padding: 20px 50px;
|
||||
background-color: #fff;
|
||||
border-radius: 20px;
|
||||
|
||||
.el-form-item {
|
||||
width: 100%;
|
||||
|
||||
::v-deep .el-input__inner {
|
||||
border-radius: 2px;
|
||||
font-family: "SRL";
|
||||
}
|
||||
}
|
||||
|
||||
.el-row {
|
||||
margin-top: 10px;
|
||||
|
||||
.el-image {
|
||||
width: 30px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
width: 120px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -196,8 +196,8 @@ export default {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
::v-deep .el-table th {
|
||||
@include primary-color($dark-primary);
|
||||
::v-deep .el-table th.el-table__cell {
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
/* 表格内背景颜色 */
|
||||
|
|
|
|||
|
|
@ -163,7 +163,7 @@ export default {
|
|||
}
|
||||
|
||||
::v-deep .el-table th {
|
||||
@include primary-color($dark-primary);
|
||||
|
||||
}
|
||||
|
||||
/* 表格内背景颜色 */
|
||||
|
|
|
|||
|
|
@ -115,7 +115,7 @@ export default {
|
|||
}
|
||||
|
||||
.active-bell {
|
||||
@include primary-color($dark-primary);
|
||||
|
||||
color: #fff;
|
||||
padding: 5px 10px;
|
||||
border-radius: 6px;
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@ import logo from "assets/img/small_logo.jpg";
|
|||
import search from "./search";
|
||||
import bell from "./bell";
|
||||
import theme from "./theme";
|
||||
import request from "@/api/request"
|
||||
import request from "@/api/request";
|
||||
export default {
|
||||
components: { search, bell, theme },
|
||||
props: {
|
||||
|
|
@ -75,7 +75,7 @@ export default {
|
|||
avatar,
|
||||
searchVisible: false,
|
||||
bellVisible: false,
|
||||
themeVisible: false,
|
||||
themeVisible: true,
|
||||
data: this.$store.state.user,
|
||||
menu: [
|
||||
{
|
||||
|
|
@ -124,6 +124,7 @@ export default {
|
|||
methods: {
|
||||
async init() {
|
||||
const res = await request.get("user/detail");
|
||||
this.data = res;
|
||||
this.$store.commit("set_user", res);
|
||||
if (res.role !== "管理员") {
|
||||
this.menu = this.menu.filter((item) => {
|
||||
|
|
@ -193,7 +194,7 @@ export default {
|
|||
background-color: transparent !important;
|
||||
i,
|
||||
span {
|
||||
color: #8276c9 !important;
|
||||
@include primary-color(map-get($primary, 1));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -241,6 +242,6 @@ export default {
|
|||
.menu-p:hover,
|
||||
.menu-p:active,
|
||||
.menu-p:focus {
|
||||
color: $dark-primary;
|
||||
@include primary-color(map-get($primary, 1));
|
||||
}
|
||||
</style>
|
||||
|
|
@ -145,6 +145,10 @@
|
|||
<p>浅色</p>
|
||||
</el-card>
|
||||
</el-row>
|
||||
<p>主色</p>
|
||||
<el-row type="flex" justify="space-between" style="margin:20px 0">
|
||||
<div class="color-badge" v-for="(item,index) in data" :key="index" :style="{background:item.color}" @click="setPrimaryColor(item)"></div>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
|
|
@ -156,9 +160,25 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
subVisible: false,
|
||||
data: [
|
||||
{ title: "primary.1", color: " #9373EE" },
|
||||
{ title: "primary.2", color: "#5F80E9" },
|
||||
{ title: "primary.3", color: "#587DF1" },
|
||||
{ title: "primary.4", color: "#9A7D56" },
|
||||
{ title: "primary.5", color: "#00C3EE" },
|
||||
{ title: "primary.6", color: "#039E74" },
|
||||
{ title: "primary.7", color: "#FA8C16" },
|
||||
{ title: "primary.8", color: "#E86CA4" },
|
||||
{ title: "primary.9", color: "#FD6874" },
|
||||
{ title: "primary.10", color: "#8E8374" },
|
||||
],
|
||||
};
|
||||
},
|
||||
|
||||
created() {
|
||||
// this.setTheme("light-theme")
|
||||
},
|
||||
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancel", false);
|
||||
|
|
@ -167,17 +187,19 @@ export default {
|
|||
setTheme(theme) {
|
||||
window.document.documentElement.setAttribute("data-theme", theme);
|
||||
},
|
||||
|
||||
setPrimaryColor(val){
|
||||
window.document.documentElement.setAttribute("primary-theme",val.title)
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
visible: {
|
||||
handler(newVal) {
|
||||
console.log(newVal);
|
||||
this.subVisible = newVal;
|
||||
},
|
||||
immediate:true
|
||||
immediate: true,
|
||||
},
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
@ -204,4 +226,11 @@ span {
|
|||
margin-left: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.color-badge {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -179,7 +179,7 @@ export default {
|
|||
}
|
||||
|
||||
.subcategory {
|
||||
@include primary-color($dark-primary);
|
||||
|
||||
padding: 10px 20px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<el-row type="flex" justify="space-between" slot="header" align="middle">
|
||||
<h2>
|
||||
{{ data.cname }}
|
||||
<el-tag size="small" style="margin-left: 20px">
|
||||
<el-tag size="small" class="header-tag">
|
||||
{{ data.category }}
|
||||
</el-tag>
|
||||
</h2>
|
||||
|
|
@ -192,6 +192,11 @@ export default {
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
.header-tag {
|
||||
margin-left: 20px;
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
::v-deep .el-card__body {
|
||||
height: calc(100% - 150px);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -338,12 +338,12 @@ export default {
|
|||
}
|
||||
|
||||
p:hover {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tree-active {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<el-row type="flex" justify="space-between" slot="header" align="middle">
|
||||
<h2>
|
||||
{{ data.name }}
|
||||
<el-tag size="small" style="margin-left: 20px">
|
||||
<el-tag size="small" class="header-tag">
|
||||
<span>{{ data.major_category }}</span>
|
||||
/
|
||||
<span>{{ data.subcategory }}</span>
|
||||
|
|
@ -371,6 +371,11 @@ export default {
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
.header-tag {
|
||||
margin-left: 20px;
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
::v-deep .el-card__body {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
|
@ -381,25 +386,14 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
.el-tab-pane {
|
||||
height: 100%;
|
||||
::v-deep .el-tabs__item {
|
||||
color: $dark-color;
|
||||
}
|
||||
|
||||
.el-tabs {
|
||||
height: calc(100% - 80px);
|
||||
|
||||
::v-deep &__item {
|
||||
color: rgb(255, 255, 255, 0.87) !important;
|
||||
}
|
||||
|
||||
::v-deep &__item.is-active {
|
||||
color: $dark-primary !important;
|
||||
}
|
||||
|
||||
::v-deep &__item:hover,
|
||||
::v-deep &__item:focus {
|
||||
color: $dark-primary !important;
|
||||
}
|
||||
::v-deep .el-tabs__nav-wrap::after{
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.edit {
|
||||
|
|
@ -410,10 +404,6 @@ export default {
|
|||
width: 138px;
|
||||
}
|
||||
|
||||
::v-deep .el-textarea__inner {
|
||||
min-height: 200px !important;
|
||||
}
|
||||
|
||||
.el-select {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -226,12 +226,11 @@ export default {
|
|||
}
|
||||
|
||||
p:hover {
|
||||
@include primary-color($dark-primary);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tree-active {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -203,7 +203,7 @@ export default {
|
|||
|
||||
.question {
|
||||
font-size: 24px;
|
||||
color: $dark-primary;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -183,12 +183,12 @@ export default {
|
|||
}
|
||||
|
||||
p:hover {
|
||||
@include primary-color($dark-primary);
|
||||
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tree-active {
|
||||
@include primary-color($dark-primary);
|
||||
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -186,59 +186,12 @@ export default {
|
|||
}
|
||||
|
||||
.tabs-tag:hover {
|
||||
@include primary-color($dark-primary);
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
.is-active {
|
||||
@include primary-color($dark-primary);
|
||||
color: $dark-font-color !important;
|
||||
|
||||
::v-deep .el-tag__close {
|
||||
color: $dark-font-color !important;
|
||||
}
|
||||
@include primary-bgColor(map-get($primary, 1), $dark-color);
|
||||
}
|
||||
|
||||
.el-tabs {
|
||||
height: 100%;
|
||||
|
||||
::v-deep &__item {
|
||||
margin-right: 10px;
|
||||
border-radius: 6px;
|
||||
|
||||
span {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep &__item.is-top:nth-child(2) {
|
||||
padding-left: 20px !important;
|
||||
}
|
||||
|
||||
::v-deep &__item.is-top:last-child {
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
|
||||
::v-deep &__nav-wrap::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::v-deep &__content {
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
|
||||
::v-deep &__active-bar {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.el-tab-pane {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.pane-box {
|
||||
width: calc(100% + 5px);
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue