ui库合并版本完成
This commit is contained in:
aixianling
522
ui/lib/styles/ckeditor.scss
Normal file
522
ui/lib/styles/ckeditor.scss
Normal file
@@ -0,0 +1,522 @@
|
||||
/*
|
||||
* CKEditor 5 (v34.2.0) content styles.
|
||||
* Generated on Fri, 29 Jul 2022 13:03:52 GMT.
|
||||
* For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
|
||||
*/
|
||||
|
||||
:root {
|
||||
--ck-color-base-active: hsl(208, 88%, 52%);
|
||||
--ck-color-image-caption-background: hsl(0, 0%, 97%);
|
||||
--ck-color-image-caption-text: hsl(0, 0%, 20%);
|
||||
--ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
|
||||
--ck-color-mention-text: hsl(341, 100%, 30%);
|
||||
--ck-color-table-caption-background: hsl(0, 0%, 97%);
|
||||
--ck-color-table-caption-text: hsl(0, 0%, 20%);
|
||||
--ck-color-table-column-resizer-hover: var(--ck-color-base-active);
|
||||
--ck-highlight-marker-blue: hsl(201, 97%, 72%);
|
||||
--ck-highlight-marker-green: hsl(120, 93%, 68%);
|
||||
--ck-highlight-marker-pink: hsl(345, 96%, 73%);
|
||||
--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
|
||||
--ck-highlight-pen-green: hsl(112, 100%, 27%);
|
||||
--ck-highlight-pen-red: hsl(0, 85%, 49%);
|
||||
--ck-image-style-spacing: 1.5em;
|
||||
--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
|
||||
--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
|
||||
--ck-table-column-resizer-width: 7px;
|
||||
--ck-todo-list-checkmark-size: 16px;
|
||||
--ck-z-default: 1;
|
||||
}
|
||||
|
||||
/* ckeditor5-block-quote/theme/blockquote.css */
|
||||
.ck-content blockquote {
|
||||
overflow: hidden;
|
||||
padding-right: 1.5em;
|
||||
padding-left: 1.5em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-style: italic;
|
||||
border-left: solid 5px hsl(0, 0%, 80%);
|
||||
}
|
||||
|
||||
/* ckeditor5-block-quote/theme/blockquote.css */
|
||||
.ck-content[dir="rtl"] blockquote {
|
||||
border-left: 0;
|
||||
border-right: solid 5px hsl(0, 0%, 80%);
|
||||
}
|
||||
|
||||
/* ckeditor5-basic-styles/theme/code.css */
|
||||
.ck-content code {
|
||||
background-color: hsla(0, 0%, 78%, 0.3);
|
||||
padding: .15em;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* ckeditor5-font/theme/fontsize.css */
|
||||
.ck-content .text-tiny {
|
||||
font-size: .7em;
|
||||
}
|
||||
|
||||
/* ckeditor5-font/theme/fontsize.css */
|
||||
.ck-content .text-small {
|
||||
font-size: .85em;
|
||||
}
|
||||
|
||||
/* ckeditor5-font/theme/fontsize.css */
|
||||
.ck-content .text-big {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
/* ckeditor5-font/theme/fontsize.css */
|
||||
.ck-content .text-huge {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
/* ckeditor5-highlight/theme/highlight.css */
|
||||
.ck-content .marker-yellow {
|
||||
background-color: var(--ck-highlight-marker-yellow);
|
||||
}
|
||||
|
||||
/* ckeditor5-highlight/theme/highlight.css */
|
||||
.ck-content .marker-green {
|
||||
background-color: var(--ck-highlight-marker-green);
|
||||
}
|
||||
|
||||
/* ckeditor5-highlight/theme/highlight.css */
|
||||
.ck-content .marker-pink {
|
||||
background-color: var(--ck-highlight-marker-pink);
|
||||
}
|
||||
|
||||
/* ckeditor5-highlight/theme/highlight.css */
|
||||
.ck-content .marker-blue {
|
||||
background-color: var(--ck-highlight-marker-blue);
|
||||
}
|
||||
|
||||
/* ckeditor5-highlight/theme/highlight.css */
|
||||
.ck-content .pen-red {
|
||||
color: var(--ck-highlight-pen-red);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ckeditor5-highlight/theme/highlight.css */
|
||||
.ck-content .pen-green {
|
||||
color: var(--ck-highlight-pen-green);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/image.css */
|
||||
.ck-content .image {
|
||||
display: table;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
margin: 0.9em auto;
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/image.css */
|
||||
.ck-content .image img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/image.css */
|
||||
.ck-content .image-inline {
|
||||
/*
|
||||
* Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
|
||||
* Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
|
||||
* This strange behavior does not happen with inline-flex.
|
||||
*/
|
||||
display: inline-flex;
|
||||
max-width: 100%;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/image.css */
|
||||
.ck-content .image-inline picture {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/image.css */
|
||||
.ck-content .image-inline picture,
|
||||
.ck-content .image-inline img {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-style-block-align-left,
|
||||
.ck-content .image-style-block-align-right {
|
||||
max-width: calc(100% - var(--ck-image-style-spacing));
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-style-align-left,
|
||||
.ck-content .image-style-align-right {
|
||||
clear: none;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-style-side {
|
||||
float: right;
|
||||
margin-left: var(--ck-image-style-spacing);
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-style-align-left {
|
||||
float: left;
|
||||
margin-right: var(--ck-image-style-spacing);
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-style-align-center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-style-align-right {
|
||||
float: right;
|
||||
margin-left: var(--ck-image-style-spacing);
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-style-block-align-right {
|
||||
margin-right: 0;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-style-block-align-left {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content p + .image-style-align-left,
|
||||
.ck-content p + .image-style-align-right,
|
||||
.ck-content p + .image-style-side {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-inline.image-style-align-left,
|
||||
.ck-content .image-inline.image-style-align-right {
|
||||
margin-top: var(--ck-inline-image-style-spacing);
|
||||
margin-bottom: var(--ck-inline-image-style-spacing);
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-inline.image-style-align-left {
|
||||
margin-right: var(--ck-inline-image-style-spacing);
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagestyle.css */
|
||||
.ck-content .image-inline.image-style-align-right {
|
||||
margin-left: var(--ck-inline-image-style-spacing);
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imagecaption.css */
|
||||
.ck-content .image > figcaption {
|
||||
display: table-caption;
|
||||
caption-side: bottom;
|
||||
word-break: break-word;
|
||||
color: var(--ck-color-image-caption-text);
|
||||
background-color: var(--ck-color-image-caption-background);
|
||||
padding: .6em;
|
||||
font-size: .75em;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imageresize.css */
|
||||
.ck-content .image.image_resized {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imageresize.css */
|
||||
.ck-content .image.image_resized img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ckeditor5-image/theme/imageresize.css */
|
||||
.ck-content .image.image_resized > figcaption {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ckeditor5-language/theme/language.css */
|
||||
.ck-content span[lang] {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list li .todo-list {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list .todo-list__label > input {
|
||||
-webkit-appearance: none;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: var(--ck-todo-list-checkmark-size);
|
||||
height: var(--ck-todo-list-checkmark-size);
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
left: -25px;
|
||||
margin-right: -15px;
|
||||
right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list .todo-list__label > input::before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid hsl(0, 0%, 20%);
|
||||
border-radius: 2px;
|
||||
transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list .todo-list__label > input::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
box-sizing: content-box;
|
||||
pointer-events: none;
|
||||
content: '';
|
||||
left: calc(var(--ck-todo-list-checkmark-size) / 3);
|
||||
top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
|
||||
width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
|
||||
height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list .todo-list__label > input[checked]::before {
|
||||
background: hsl(126, 64%, 41%);
|
||||
border-color: hsl(126, 64%, 41%);
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list .todo-list__label > input[checked]::after {
|
||||
border-color: hsl(0, 0%, 100%);
|
||||
}
|
||||
|
||||
/* ckeditor5-list/theme/todolist.css */
|
||||
.ck-content .todo-list .todo-list__label .todo-list__label__description {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* ckeditor5-media-embed/theme/mediaembed.css */
|
||||
.ck-content .media {
|
||||
clear: both;
|
||||
margin: 0.9em 0;
|
||||
display: block;
|
||||
min-width: 15em;
|
||||
}
|
||||
|
||||
/* ckeditor5-page-break/theme/pagebreak.css */
|
||||
.ck-content .page-break {
|
||||
position: relative;
|
||||
clear: both;
|
||||
padding: 5px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* ckeditor5-page-break/theme/pagebreak.css */
|
||||
.ck-content .page-break::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
border-bottom: 2px dashed hsl(0, 0%, 77%);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ckeditor5-page-break/theme/pagebreak.css */
|
||||
.ck-content .page-break__label {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: .3em .6em;
|
||||
display: block;
|
||||
text-transform: uppercase;
|
||||
border: 1px solid hsl(0, 0%, 77%);
|
||||
border-radius: 2px;
|
||||
font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
|
||||
font-size: 0.75em;
|
||||
font-weight: bold;
|
||||
color: hsl(0, 0%, 20%);
|
||||
background: hsl(0, 0%, 100%);
|
||||
box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/tablecaption.css */
|
||||
.ck-content .table > figcaption {
|
||||
display: table-caption;
|
||||
caption-side: top;
|
||||
word-break: break-word;
|
||||
text-align: center;
|
||||
color: var(--ck-color-table-caption-text);
|
||||
background-color: var(--ck-color-table-caption-background);
|
||||
padding: .6em;
|
||||
font-size: .75em;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/table.css */
|
||||
.ck-content .table {
|
||||
margin: 0.9em auto;
|
||||
display: table;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/table.css */
|
||||
.ck-content .table table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px double hsl(0, 0%, 70%);
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/table.css */
|
||||
.ck-content .table table td,
|
||||
.ck-content .table table th {
|
||||
min-width: 2em;
|
||||
padding: .4em;
|
||||
border: 1px solid hsl(0, 0%, 75%);
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/table.css */
|
||||
.ck-content .table table th {
|
||||
font-weight: bold;
|
||||
background: hsla(0, 0%, 0%, 5%);
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/table.css */
|
||||
.ck-content[dir="rtl"] .table th {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/table.css */
|
||||
.ck-content[dir="ltr"] .table th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/tablecolumnresize.css */
|
||||
.ck-content .table table {
|
||||
overflow: hidden;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/tablecolumnresize.css */
|
||||
.ck-content .table td,
|
||||
.ck-content .table th {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/tablecolumnresize.css */
|
||||
.ck-content .table .table-column-resizer {
|
||||
position: absolute;
|
||||
top: -999999px;
|
||||
bottom: -999999px;
|
||||
right: var(--ck-table-column-resizer-position-offset);
|
||||
width: var(--ck-table-column-resizer-width);
|
||||
cursor: col-resize;
|
||||
user-select: none;
|
||||
z-index: var(--ck-z-default);
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/tablecolumnresize.css */
|
||||
.ck-content .table[draggable] .table-column-resizer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/tablecolumnresize.css */
|
||||
.ck-content .table .table-column-resizer:hover,
|
||||
.ck-content .table .table-column-resizer__active {
|
||||
background-color: var(--ck-color-table-column-resizer-hover);
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/tablecolumnresize.css */
|
||||
.ck-content[dir=rtl] .table .table-column-resizer {
|
||||
left: var(--ck-table-column-resizer-position-offset);
|
||||
right: unset;
|
||||
}
|
||||
|
||||
/* ckeditor5-table/theme/tablecolumnresize.css */
|
||||
.ck-content.ck-read-only .table .table-column-resizer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ckeditor5-code-block/theme/codeblock.css */
|
||||
.ck-content pre {
|
||||
padding: 1em;
|
||||
color: hsl(0, 0%, 20.8%);
|
||||
background: hsla(0, 0%, 78%, 0.3);
|
||||
border: 1px solid hsl(0, 0%, 77%);
|
||||
border-radius: 2px;
|
||||
text-align: left;
|
||||
direction: ltr;
|
||||
tab-size: 4;
|
||||
white-space: pre-wrap;
|
||||
font-style: normal;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
/* ckeditor5-code-block/theme/codeblock.css */
|
||||
.ck-content pre code {
|
||||
background: unset;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* ckeditor5-horizontal-line/theme/horizontalline.css */
|
||||
.ck-content hr {
|
||||
margin: 15px 0;
|
||||
height: 4px;
|
||||
background: hsl(0, 0%, 87%);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* ckeditor5-mention/theme/mention.css */
|
||||
.ck-content .mention {
|
||||
background: var(--ck-color-mention-background);
|
||||
color: var(--ck-color-mention-text);
|
||||
}
|
||||
|
||||
@media print {
|
||||
/* ckeditor5-page-break/theme/pagebreak.css */
|
||||
.ck-content .page-break {
|
||||
padding: 0;
|
||||
}
|
||||
/* ckeditor5-page-break/theme/pagebreak.css */
|
||||
.ck-content .page-break::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
673
ui/lib/styles/common.scss
Normal file
673
ui/lib/styles/common.scss
Normal file
@@ -0,0 +1,673 @@
|
||||
@import "iconfont/iconfont";
|
||||
@import 'iconfont/logofont';
|
||||
@import "ckeditor";
|
||||
@import "vars";
|
||||
|
||||
$cdn: "https://cdn.cunwuyun.cn/";
|
||||
$--color-primary: $primaryColor;
|
||||
$--color-text-placeholder: $placeholderColor;
|
||||
$--border-color-base: $borderColor;
|
||||
$--color-success: $successColor;
|
||||
$--color-warning: $warnColor;
|
||||
$--color-danger: $errorColor;
|
||||
$--color-info: $infoColor;
|
||||
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
@import "~element-ui/packages/theme-chalk/src/index";
|
||||
|
||||
/**
|
||||
常用内外边距样式
|
||||
*/
|
||||
@each $padMar, $pm in (mar:margin, pad:padding) {
|
||||
@each $pos, $p in (l:left, r:right, t:top, b:bottom) {
|
||||
@each $v in (8, 10, 16, 20, 32, 48, 60) {
|
||||
.#{$padMar}-#{$pos+$v} {
|
||||
#{$pm}-#{$p}: #{$v}px
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
不换行文本
|
||||
*/
|
||||
.nowarp-text {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/**
|
||||
表头式样
|
||||
*/
|
||||
.table-header {
|
||||
background-color: rgba(243, 246, 249, 1) !important;
|
||||
color: #333;
|
||||
line-height: 44px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
padding: 0 !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/**
|
||||
表行样式
|
||||
*/
|
||||
.table-row {
|
||||
height: 44px;
|
||||
|
||||
&:hover, &:hover td.table-cell {
|
||||
background-color: #EFF6FF !important;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
表格样式
|
||||
*/
|
||||
.table-cell {
|
||||
font-size: 14px;
|
||||
padding: 0 !important;
|
||||
|
||||
.cell {
|
||||
line-height: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
图标统一样式
|
||||
*/
|
||||
.iconfont {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.iconShow:hover, .iconEdit:hover, .iconParent:hover, .iconChange:hover {
|
||||
color: $primaryColor;
|
||||
}
|
||||
|
||||
.iconDelete:hover {
|
||||
color: $errorColor;
|
||||
}
|
||||
|
||||
.iconBack_Large {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
color: $primaryColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/**
|
||||
缺省页相关样式
|
||||
*/
|
||||
.no-data {
|
||||
background: url("https://cdn.cunwuyun.cn/ui/svg/NoData.svg") no-repeat center;
|
||||
background-size: 120px 120px;
|
||||
height: 120px;
|
||||
margin: 48px auto 10px;
|
||||
}
|
||||
|
||||
/**
|
||||
缺省页相关样式
|
||||
*/
|
||||
.ai-empty__bg {
|
||||
background: url("https://cdn.cunwuyun.cn/ui/svg/empty.svg") no-repeat center;
|
||||
background-size: 120px 120px;
|
||||
height: 120px;
|
||||
margin: 48px auto 0;
|
||||
}
|
||||
|
||||
.no-permission {
|
||||
background: url("https://cdn.cunwuyun.cn/ui/svg/NoAuthority.svg") no-repeat center;
|
||||
background-size: 120px 120px;
|
||||
height: 120px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.no-message {
|
||||
background: url("https://cdn.cunwuyun.cn/ui/svg/NoMessage.svg") no-repeat center;
|
||||
background-size: 120px 120px;
|
||||
height: 120px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.done-success {
|
||||
background: url("https://cdn.cunwuyun.cn/ui/svg/Success.svg") no-repeat center;
|
||||
background-size: 120px 120px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.no-div-text {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #666
|
||||
}
|
||||
|
||||
.developing {
|
||||
background: url("https://cdn.cunwuyun.cn/ui/svg/developing.svg") no-repeat center;
|
||||
background-size: 400px 320px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&:after {
|
||||
margin-top: 270px;
|
||||
font-size: 14px;
|
||||
color: $primaryColor;
|
||||
display: block;
|
||||
content: "功能正在开发中..."
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
placeholder 样式
|
||||
*/
|
||||
input::-webkit-input-placeholder {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
input::-moz-placeholder {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
input::-ms-input-placeholder {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
//切换地区Tab 样式
|
||||
.area-popover {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
//弹窗树菜单的样式
|
||||
.dialog-tree {
|
||||
&.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
|
||||
background: rgba(239, 246, 255, 1);
|
||||
border-radius: 2px;
|
||||
font-weight: normal;
|
||||
color: rgba(80, 136, 255, 1);
|
||||
}
|
||||
}
|
||||
|
||||
//发起群聊的按钮样式
|
||||
.openIM {
|
||||
width: 26px;
|
||||
height: 20px;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(208, 212, 220, 1);
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
|
||||
&.iconGroup_IM {
|
||||
color: #89B;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $primaryColor;
|
||||
border-color: $primaryColor;
|
||||
|
||||
&.iconGroup_IM {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fuzzy {
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
color: transparent !important;
|
||||
}
|
||||
|
||||
/**
|
||||
马赛克样式
|
||||
*/
|
||||
.mosaic {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-position: 0 0, 10px 10px;
|
||||
background-size: 20px 20px;
|
||||
background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
|
||||
z-index: 202011051009;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
自定义弹性盒子快速用
|
||||
*/
|
||||
div[flex] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&.column {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
&.wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
&.gap {
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.fill {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
|
||||
&::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 2.0公共样式
|
||||
|
||||
.ai-form {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
|
||||
.el-form-item {
|
||||
width: 50%;
|
||||
margin-bottom: 24px;
|
||||
|
||||
.el-form-item__content {
|
||||
margin-left: 134px !important;
|
||||
}
|
||||
|
||||
::v-deep.el-form-item__content {
|
||||
& .el-input--small, & > .el-range-editor--small, & > .el-cascader, & > .el-select {
|
||||
width: 325px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-message-box {
|
||||
width: 520px;
|
||||
padding-bottom: 0;
|
||||
|
||||
.el-message-box__header {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.el-message-box__content {
|
||||
padding-left: 77px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.el-message-box__title {
|
||||
justify-content: start;
|
||||
font-size: 14px;
|
||||
|
||||
.el-icon-error:before {
|
||||
content: "\e7a3";
|
||||
}
|
||||
}
|
||||
|
||||
.el-message-box__status {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.el-message-box__message {
|
||||
text-align: start;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.el-message-box__btns {
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
background-color: #F3F6F9;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 64px;
|
||||
|
||||
.el-button {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-options {
|
||||
.el-button--text {
|
||||
height: auto;
|
||||
margin-right: 8px !important;
|
||||
margin-left: 0 !important;
|
||||
padding: 0;
|
||||
border-radius: unset;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
margin-right: 8px;
|
||||
color: $primaryColor;
|
||||
font-size: 14px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
.is-disabled span {
|
||||
color: #999 !important;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.el-button--primary {
|
||||
border: none;
|
||||
background: $primaryBtnColor;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.6;
|
||||
background: $primaryBtnColor;
|
||||
}
|
||||
}
|
||||
|
||||
.el-button {
|
||||
font-size: 14px;
|
||||
border-radius: 2px;
|
||||
height: 32px;
|
||||
padding: 8px;
|
||||
box-sizing: border-box;
|
||||
|
||||
[class*=iconfont] {
|
||||
font-size: 14px;
|
||||
|
||||
& + span {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-button--text [class*=iconfont] {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.wechat-message__container {
|
||||
padding: 8px !important;
|
||||
background: #F6F9FF !important;
|
||||
border-radius: 2px !important;
|
||||
color: #222222 !important;
|
||||
font-size: 14px !important;
|
||||
border: 1px solid $primaryColor !important;
|
||||
|
||||
h2 {
|
||||
color: #222222;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.el-tooltip__popper {
|
||||
max-width: 600px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
|
||||
.ai-personselect .el-input__suffix .el-input__validateIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.AiWechatSelecter-container .el-input__suffix .el-input__validateIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.AiWechatSelecter-container .el-input__suffix .el-input__validateIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.icon-color89B {
|
||||
color: #89B;
|
||||
}
|
||||
|
||||
// flex 布局
|
||||
.flex-between {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flex-start {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ailist-wrapper {
|
||||
div, p, h2, h1, h3, h5, span {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.mt10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ai-scan {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: -14px;
|
||||
cursor: pointer;
|
||||
|
||||
.poptip-arrow {
|
||||
position: relative;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
margin-right: 8px;
|
||||
margin-top: 4px;
|
||||
padding: 0 10px;
|
||||
color: $primaryColor;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
background: $primaryLightColor;
|
||||
border: 1px solid $primaryColor;
|
||||
|
||||
em {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: hsla(0, 0%, 100%, 0);
|
||||
border-style: solid;
|
||||
overflow: hidden;
|
||||
top: 50%;
|
||||
right: -6px;
|
||||
transform: translateY(-50%);
|
||||
border-left-color: $primaryLightColor;
|
||||
border-width: 6px 0 6px 6px;
|
||||
}
|
||||
|
||||
a {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: hsla(0, 0%, 100%, 0);
|
||||
border-style: solid;
|
||||
overflow: hidden;
|
||||
top: 50%;
|
||||
right: -7px;
|
||||
transform: translateY(-50%);
|
||||
border-left-color: $primaryColor;
|
||||
border-width: 6px 0 6px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
& > i {
|
||||
padding: 0;
|
||||
color: $primaryColor;
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
背景图设置
|
||||
*/
|
||||
|
||||
.signLeftBg {
|
||||
background-image: url('#{$cdn}/ui/background/#{$theme}/loginLeft.png');
|
||||
}
|
||||
|
||||
.navBg {
|
||||
background-image: url('#{$cdn}/ui/background/#{$theme}/nav_bg.png');
|
||||
}
|
||||
|
||||
/**
|
||||
特殊样式字体
|
||||
*/
|
||||
.projectName {
|
||||
font-family: "Microsoft YaHei UI", "Microsoft YaHei", serif;
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
font-size: 42px;
|
||||
font-weight: 800;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
text-shadow: 0 6px 3px rgba(#222, .1);
|
||||
color: transparent;
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: attr(title);
|
||||
background: $projectName;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: attr(title);
|
||||
text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 -3px 0 #fff, 0 3px 0 #fff;
|
||||
z-index: 66;
|
||||
}
|
||||
}
|
||||
|
||||
.textShadow {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
text-shadow: 0 2px 0 $textShadow;
|
||||
color: transparent;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#ai-waiting {
|
||||
color: $primaryColor
|
||||
}
|
||||
|
||||
.color-primary {
|
||||
color: $primaryColor
|
||||
}
|
||||
|
||||
.hoverActive {
|
||||
&:hover, &.current, &.isActive {
|
||||
color: $primaryColor !important;
|
||||
}
|
||||
}
|
||||
|
||||
/** 登录页左侧标题样式 **/
|
||||
.signLeftContent {
|
||||
.titlePane {
|
||||
margin-top: 124px;
|
||||
font-size: 20px;
|
||||
margin-bottom: 64px;
|
||||
|
||||
& > b {
|
||||
display: block;
|
||||
font-size: 40px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.subTitle {
|
||||
margin-bottom: 16px;
|
||||
opacity: 0.8;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
|
||||
&:before {
|
||||
content: " ";
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #fff;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.AiConfirm {
|
||||
position: fixed;
|
||||
z-index: 202210261023;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
/**
|
||||
节流器
|
||||
*/
|
||||
.throttle {
|
||||
animation: throttle 0.5s step-end forwards;
|
||||
}
|
||||
|
||||
.throttle:active {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
@keyframes throttle {
|
||||
from {
|
||||
pointer-events: none;
|
||||
}
|
||||
to {
|
||||
pointer-events: all;
|
||||
}
|
||||
}
|
||||
958
ui/lib/styles/iconfont/iconfont.css
Normal file
958
ui/lib/styles/iconfont/iconfont.css
Normal file
@@ -0,0 +1,958 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 1309749 */
|
||||
src: url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.woff2?t=1666749875458') format('woff2'),
|
||||
url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.woff?t=1666749875458') format('woff'),
|
||||
url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.ttf?t=1666749875458') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.iconpingfenkaohe:before {
|
||||
content: "\e736";
|
||||
}
|
||||
|
||||
.iconcloss:before {
|
||||
content: "\e735";
|
||||
}
|
||||
|
||||
.iconzhengcefuwu:before {
|
||||
content: "\e731";
|
||||
}
|
||||
|
||||
.iconpeixunguanli:before {
|
||||
content: "\e730";
|
||||
}
|
||||
|
||||
.iconxiaoxizhongxin:before {
|
||||
content: "\e72f";
|
||||
}
|
||||
|
||||
.iconzhaopinhuiguanli:before {
|
||||
content: "\e72e";
|
||||
}
|
||||
|
||||
.iconshuzixiangcun:before {
|
||||
content: "\e72d";
|
||||
}
|
||||
|
||||
.iconteshurenqun:before {
|
||||
content: "\e72c";
|
||||
}
|
||||
|
||||
.iconzhengminhudong:before {
|
||||
content: "\e72b";
|
||||
}
|
||||
|
||||
.iconjicengzhili:before {
|
||||
content: "\e72a";
|
||||
}
|
||||
|
||||
.iconxiaochengxuguanli:before {
|
||||
content: "\e729";
|
||||
}
|
||||
|
||||
.iconyingjizhihui:before {
|
||||
content: "\e728";
|
||||
}
|
||||
|
||||
.iconjicengdangjian:before {
|
||||
content: "\e727";
|
||||
}
|
||||
|
||||
.iconxiangcunchanye:before {
|
||||
content: "\e726";
|
||||
}
|
||||
|
||||
.iconfangfanpin:before {
|
||||
content: "\e725";
|
||||
}
|
||||
|
||||
.iconnumber:before {
|
||||
content: "\e724";
|
||||
}
|
||||
|
||||
.iconattachments:before {
|
||||
content: "\e719";
|
||||
}
|
||||
|
||||
.icondate:before {
|
||||
content: "\e71a";
|
||||
}
|
||||
|
||||
.iconcard:before {
|
||||
content: "\e71b";
|
||||
}
|
||||
|
||||
.iconid:before {
|
||||
content: "\e71c";
|
||||
}
|
||||
|
||||
.iconcascade:before {
|
||||
content: "\e71d";
|
||||
}
|
||||
|
||||
.iconlocation:before {
|
||||
content: "\e71e";
|
||||
}
|
||||
|
||||
.iconname:before {
|
||||
content: "\e71f";
|
||||
}
|
||||
|
||||
.iconrich_text:before {
|
||||
content: "\e720";
|
||||
}
|
||||
|
||||
.iconphone_number:before {
|
||||
content: "\e721";
|
||||
}
|
||||
|
||||
.iconswitch:before {
|
||||
content: "\e722";
|
||||
}
|
||||
|
||||
.icontime:before {
|
||||
content: "\e723";
|
||||
}
|
||||
|
||||
.icondianliang:before {
|
||||
content: "\e711";
|
||||
}
|
||||
|
||||
.iconxueya:before {
|
||||
content: "\e714";
|
||||
}
|
||||
|
||||
.iconzhuangtai:before {
|
||||
content: "\e715";
|
||||
}
|
||||
|
||||
.iconxinlv:before {
|
||||
content: "\e716";
|
||||
}
|
||||
|
||||
.icontiwen:before {
|
||||
content: "\e717";
|
||||
}
|
||||
|
||||
.iconxueyang:before {
|
||||
content: "\e718";
|
||||
}
|
||||
|
||||
.iconzongzhizuzhi:before {
|
||||
content: "\e710";
|
||||
}
|
||||
|
||||
.iconvideolink:before {
|
||||
content: "\e70f";
|
||||
}
|
||||
|
||||
.iconfacial_recognition:before {
|
||||
content: "\e70e";
|
||||
}
|
||||
|
||||
.iconunpublish:before {
|
||||
content: "\e70c";
|
||||
}
|
||||
|
||||
.iconpreview:before {
|
||||
content: "\e708";
|
||||
}
|
||||
|
||||
.iconpublish:before {
|
||||
content: "\e709";
|
||||
}
|
||||
|
||||
.iconmore:before {
|
||||
content: "\e70a";
|
||||
}
|
||||
|
||||
.iconshare:before {
|
||||
content: "\e70b";
|
||||
}
|
||||
|
||||
.iconcheck_box:before {
|
||||
content: "\e700";
|
||||
}
|
||||
|
||||
.iconline:before {
|
||||
content: "\e701";
|
||||
}
|
||||
|
||||
.iconradio:before {
|
||||
content: "\e702";
|
||||
}
|
||||
|
||||
.icontext_box:before {
|
||||
content: "\e703";
|
||||
}
|
||||
|
||||
.icontext_area:before {
|
||||
content: "\e704";
|
||||
}
|
||||
|
||||
.iconpage:before {
|
||||
content: "\e705";
|
||||
}
|
||||
|
||||
.iconpic:before {
|
||||
content: "\e706";
|
||||
}
|
||||
|
||||
.iconSelect:before {
|
||||
content: "\e707";
|
||||
}
|
||||
|
||||
.iconhuluhuxian:before {
|
||||
content: "\e6f6";
|
||||
}
|
||||
|
||||
.iconkaoheguanli:before {
|
||||
content: "\e6f9";
|
||||
}
|
||||
|
||||
.iconhujiaozhongxin:before {
|
||||
content: "\e6fa";
|
||||
}
|
||||
|
||||
.iconliangxinzuzhi:before {
|
||||
content: "\e6fb";
|
||||
}
|
||||
|
||||
.iconxiaoyuananfang:before {
|
||||
content: "\e6fc";
|
||||
}
|
||||
|
||||
.iconzhongdianqingshaonian:before {
|
||||
content: "\e6fd";
|
||||
}
|
||||
|
||||
.iconanquanshengchan:before {
|
||||
content: "\e6fe";
|
||||
}
|
||||
|
||||
.iconshehuizhian:before {
|
||||
content: "\e6ff";
|
||||
}
|
||||
|
||||
.iconguangbofabu:before {
|
||||
content: "\e6f4";
|
||||
}
|
||||
|
||||
.iconwangshangbanshi:before {
|
||||
content: "\e6f3";
|
||||
}
|
||||
|
||||
.iconyunyingzhongxin:before {
|
||||
content: "\e6f1";
|
||||
}
|
||||
|
||||
.iconzhengwuweixin:before {
|
||||
content: "\e6f2";
|
||||
}
|
||||
|
||||
.iconkaoqinguanli:before {
|
||||
content: "\e6eb";
|
||||
}
|
||||
|
||||
.iconshijianguanli:before {
|
||||
content: "\e6ec";
|
||||
}
|
||||
|
||||
.iconyifangzhaoren:before {
|
||||
content: "\e6ed";
|
||||
}
|
||||
|
||||
.iconwanggeguanli:before {
|
||||
content: "\e6ee";
|
||||
}
|
||||
|
||||
.iconxinfangguanli:before {
|
||||
content: "\e6ef";
|
||||
}
|
||||
|
||||
.iconshipinjiankong:before {
|
||||
content: "\e6f0";
|
||||
}
|
||||
|
||||
.iconloudongmoxing:before {
|
||||
content: "\e6ea";
|
||||
}
|
||||
|
||||
.iconwanggeyuan:before {
|
||||
content: "\e6e8";
|
||||
}
|
||||
|
||||
.iconjinqishijian:before {
|
||||
content: "\e6e6";
|
||||
}
|
||||
|
||||
.iconxiaoquzonglan:before {
|
||||
content: "\e6e7";
|
||||
}
|
||||
|
||||
.iconloudongxinxi:before {
|
||||
content: "\e6e9";
|
||||
}
|
||||
|
||||
.iconchuangyebutie:before {
|
||||
content: "\e6db";
|
||||
}
|
||||
|
||||
.icondanweiguanli:before {
|
||||
content: "\e6dc";
|
||||
}
|
||||
|
||||
.iconjiuyefuwu:before {
|
||||
content: "\e6e2";
|
||||
}
|
||||
|
||||
.iconchuangyejiuyeguanli:before {
|
||||
content: "\e6e3";
|
||||
}
|
||||
|
||||
.iconchuangyedanbaodaikuan:before {
|
||||
content: "\e6e4";
|
||||
}
|
||||
|
||||
.icondaxueshengshixishixun:before {
|
||||
content: "\e6e5";
|
||||
}
|
||||
|
||||
.iconsearch:before {
|
||||
content: "\e732";
|
||||
}
|
||||
|
||||
.iconxqhd:before {
|
||||
content: "\e733";
|
||||
}
|
||||
|
||||
.iconwdhd:before {
|
||||
content: "\e734";
|
||||
}
|
||||
|
||||
.iconrobot:before {
|
||||
content: "\e6da";
|
||||
}
|
||||
|
||||
.iconfangda:before {
|
||||
content: "\e6d7";
|
||||
}
|
||||
|
||||
.iconsuoxiao:before {
|
||||
content: "\e6d8";
|
||||
}
|
||||
|
||||
.iconEarth:before {
|
||||
content: "\e6d9";
|
||||
}
|
||||
|
||||
.iconxianfengyeweihui:before {
|
||||
content: "\e6d6";
|
||||
}
|
||||
|
||||
.iconhuiyuanguanli:before {
|
||||
content: "\e6d1";
|
||||
}
|
||||
|
||||
.iconcunganbuguanli:before {
|
||||
content: "\e6d2";
|
||||
}
|
||||
|
||||
.iconzhaopinguanli:before {
|
||||
content: "\e6d3";
|
||||
}
|
||||
|
||||
.iconqiyeguanli:before {
|
||||
content: "\e6d5";
|
||||
}
|
||||
|
||||
.iconxingfujifen:before {
|
||||
content: "\e6ce";
|
||||
}
|
||||
|
||||
.iconxinxizhongxin:before {
|
||||
content: "\e6cf";
|
||||
}
|
||||
|
||||
.iconpinyipin:before {
|
||||
content: "\e6d0";
|
||||
}
|
||||
|
||||
.iconUnpublish:before {
|
||||
content: "\e6cc";
|
||||
}
|
||||
|
||||
.iconPublish:before {
|
||||
content: "\e6cd";
|
||||
}
|
||||
|
||||
.iconDelay:before {
|
||||
content: "\e6cb";
|
||||
}
|
||||
|
||||
.iconwarning:before {
|
||||
content: "\e6f5";
|
||||
}
|
||||
|
||||
.iconzpg:before {
|
||||
content: "\e6f7";
|
||||
}
|
||||
|
||||
.iconsqy:before {
|
||||
content: "\e6f8";
|
||||
}
|
||||
|
||||
.iconzxjyzdls:before {
|
||||
content: "\e6dd";
|
||||
}
|
||||
|
||||
.iconzxjygwgl:before {
|
||||
content: "\e6de";
|
||||
}
|
||||
|
||||
.iconzxjywdzy:before {
|
||||
content: "\e6df";
|
||||
}
|
||||
|
||||
.iconzxjycydb:before {
|
||||
content: "\e6e0";
|
||||
}
|
||||
|
||||
.iconzxjyckmb:before {
|
||||
content: "\e6e1";
|
||||
}
|
||||
|
||||
.iconarea:before {
|
||||
content: "\e6d4";
|
||||
}
|
||||
|
||||
.iconyiqingfangkong:before {
|
||||
content: "\e6ca";
|
||||
}
|
||||
|
||||
.iconPostil:before {
|
||||
content: "\e6c9";
|
||||
}
|
||||
|
||||
.iconjiaonadangfei:before {
|
||||
content: "\e6c8";
|
||||
}
|
||||
|
||||
.iconSuccess:before {
|
||||
content: "\e6c7";
|
||||
}
|
||||
|
||||
.iconAccount_Login:before {
|
||||
content: "\e6c5";
|
||||
}
|
||||
|
||||
.iconQR_code:before {
|
||||
content: "\e6c6";
|
||||
}
|
||||
|
||||
.iconMediaPlayer_Play:before {
|
||||
content: "\e6c3";
|
||||
}
|
||||
|
||||
.iconMediaPlayer_Stop:before {
|
||||
content: "\e6c4";
|
||||
}
|
||||
|
||||
.icondangyuan:before {
|
||||
content: "\e6b0";
|
||||
}
|
||||
|
||||
.iconEnvironment:before {
|
||||
content: "\e6bc";
|
||||
}
|
||||
|
||||
.iconLaw:before {
|
||||
content: "\e6bd";
|
||||
}
|
||||
|
||||
.iconjicengbangong:before {
|
||||
content: "\e6be";
|
||||
}
|
||||
|
||||
.iconjicengzhuzhi:before {
|
||||
content: "\e6bf";
|
||||
}
|
||||
|
||||
.iconwenmingxiangfeng:before {
|
||||
content: "\e6c0";
|
||||
}
|
||||
|
||||
.iconyangguangcunwu:before {
|
||||
content: "\e6c1";
|
||||
}
|
||||
|
||||
.iconminzhuyishi:before {
|
||||
content: "\e6c2";
|
||||
}
|
||||
|
||||
.iconshehuijiuzhu:before {
|
||||
content: "\e6b8";
|
||||
}
|
||||
|
||||
.iconshujugongxiang:before {
|
||||
content: "\e6b9";
|
||||
}
|
||||
|
||||
.iconjuminxinxi:before {
|
||||
content: "\e6ba";
|
||||
}
|
||||
|
||||
.iconxinxiguanli:before {
|
||||
content: "\e6bb";
|
||||
}
|
||||
|
||||
.iconRecommend:before {
|
||||
content: "\e6af";
|
||||
}
|
||||
|
||||
.iconqiandao:before {
|
||||
content: "\e6ad";
|
||||
}
|
||||
|
||||
.iconqingjia:before {
|
||||
content: "\e6ae";
|
||||
}
|
||||
|
||||
.iconhistogram:before {
|
||||
content: "\e6ac";
|
||||
}
|
||||
|
||||
.iconAudit:before {
|
||||
content: "\e6a9";
|
||||
}
|
||||
|
||||
.iconVerify:before {
|
||||
content: "\e6aa";
|
||||
}
|
||||
|
||||
.iconTransaction:before {
|
||||
content: "\e6ab";
|
||||
}
|
||||
|
||||
.iconEwm:before {
|
||||
content: "\e6a6";
|
||||
}
|
||||
|
||||
.iconIOS:before {
|
||||
content: "\e6a7";
|
||||
}
|
||||
|
||||
.iconAndroid:before {
|
||||
content: "\e6a8";
|
||||
}
|
||||
|
||||
.iconjdq_led_clean:before {
|
||||
content: "\e67a";
|
||||
}
|
||||
|
||||
.iconjdq_led_edit:before {
|
||||
content: "\e67b";
|
||||
}
|
||||
|
||||
.iconjdq_led_Led:before {
|
||||
content: "\e680";
|
||||
}
|
||||
|
||||
.iconjdq_led_Led1:before {
|
||||
content: "\e681";
|
||||
}
|
||||
|
||||
.iconjdq_led_Right:before {
|
||||
content: "\e688";
|
||||
}
|
||||
|
||||
.iconjdq_led_Ledjiesu:before {
|
||||
content: "\e689";
|
||||
}
|
||||
|
||||
.iconjdq_led_show:before {
|
||||
content: "\e68a";
|
||||
}
|
||||
|
||||
.iconjdq_led_Ledwx:before {
|
||||
content: "\e68b";
|
||||
}
|
||||
|
||||
.iconjdq_led_Lednrhg:before {
|
||||
content: "\e68c";
|
||||
}
|
||||
|
||||
.iconClean1:before {
|
||||
content: "\e6a4";
|
||||
}
|
||||
|
||||
.iconLoading:before {
|
||||
content: "\e6a5";
|
||||
}
|
||||
|
||||
.iconSubordinates:before {
|
||||
content: "\e6a1";
|
||||
}
|
||||
|
||||
.iconDownload:before {
|
||||
content: "\e6a2";
|
||||
}
|
||||
|
||||
.iconNext_Mission:before {
|
||||
content: "\e6a3";
|
||||
}
|
||||
|
||||
.iconAdmitted:before {
|
||||
content: "\e69c";
|
||||
}
|
||||
|
||||
.iconEmployment_Confirmation:before {
|
||||
content: "\e69d";
|
||||
}
|
||||
|
||||
.iconRepulsebeifen:before {
|
||||
content: "\e69e";
|
||||
}
|
||||
|
||||
.iconUpdate_Files:before {
|
||||
content: "\e69f";
|
||||
}
|
||||
|
||||
.iconRepulse:before {
|
||||
content: "\e6a0";
|
||||
}
|
||||
|
||||
.iconOverrule:before {
|
||||
content: "\e69a";
|
||||
}
|
||||
|
||||
.iconWithdrawn:before {
|
||||
content: "\e69b";
|
||||
}
|
||||
|
||||
.iconDetails:before {
|
||||
content: "\e699";
|
||||
}
|
||||
|
||||
.iconSpecial_Populations:before {
|
||||
content: "\e698";
|
||||
}
|
||||
|
||||
.iconPerson_Transfer:before {
|
||||
content: "\e693";
|
||||
}
|
||||
|
||||
.iconCreate_Files:before {
|
||||
content: "\e694";
|
||||
}
|
||||
|
||||
.iconPrint:before {
|
||||
content: "\e695";
|
||||
}
|
||||
|
||||
.iconPerson_Transfered:before {
|
||||
content: "\e696";
|
||||
}
|
||||
|
||||
.iconReject:before {
|
||||
content: "\e697";
|
||||
}
|
||||
|
||||
.iconGroup_IM:before {
|
||||
content: "\e692";
|
||||
}
|
||||
|
||||
.iconData_Screen:before {
|
||||
content: "\e68f";
|
||||
}
|
||||
|
||||
.iconCustomer_Service:before {
|
||||
content: "\e690";
|
||||
}
|
||||
|
||||
.iconDocumentation:before {
|
||||
content: "\e691";
|
||||
}
|
||||
|
||||
.iconTriangle_Up:before {
|
||||
content: "\e68d";
|
||||
}
|
||||
|
||||
.iconTriangle_Left:before {
|
||||
content: "\e68e";
|
||||
}
|
||||
|
||||
.iconDouble_Up:before {
|
||||
content: "\e686";
|
||||
}
|
||||
|
||||
.iconDouble_Down:before {
|
||||
content: "\e687";
|
||||
}
|
||||
|
||||
.iconServer:before {
|
||||
content: "\e685";
|
||||
}
|
||||
|
||||
.iconIM:before {
|
||||
content: "\e682";
|
||||
}
|
||||
|
||||
.iconStatistics:before {
|
||||
content: "\e683";
|
||||
}
|
||||
|
||||
.iconData_Reporting:before {
|
||||
content: "\e684";
|
||||
}
|
||||
|
||||
.iconMoveUp:before {
|
||||
content: "\e67c";
|
||||
}
|
||||
|
||||
.iconRevoke:before {
|
||||
content: "\e67d";
|
||||
}
|
||||
|
||||
.iconMoveDown:before {
|
||||
content: "\e67e";
|
||||
}
|
||||
|
||||
.iconAll_Profile:before {
|
||||
content: "\e67f";
|
||||
}
|
||||
|
||||
.iconzu:before {
|
||||
content: "\e712";
|
||||
}
|
||||
|
||||
.iconzu1:before {
|
||||
content: "\e713";
|
||||
}
|
||||
|
||||
.iconShow_Content:before {
|
||||
content: "\e66e";
|
||||
}
|
||||
|
||||
.iconShow:before {
|
||||
content: "\e66f";
|
||||
}
|
||||
|
||||
.iconCCP:before {
|
||||
content: "\e70d";
|
||||
}
|
||||
|
||||
.iconAlready_Read:before {
|
||||
content: "\e669";
|
||||
}
|
||||
|
||||
.iconRegister:before {
|
||||
content: "\e66a";
|
||||
}
|
||||
|
||||
.iconNotice:before {
|
||||
content: "\e66b";
|
||||
}
|
||||
|
||||
.iconUnfinished:before {
|
||||
content: "\e66c";
|
||||
}
|
||||
|
||||
.iconDate1:before {
|
||||
content: "\e664";
|
||||
}
|
||||
|
||||
.iconLogout:before {
|
||||
content: "\e665";
|
||||
}
|
||||
|
||||
.iconPhoto:before {
|
||||
content: "\e666";
|
||||
}
|
||||
|
||||
.iconResetting:before {
|
||||
content: "\e667";
|
||||
}
|
||||
|
||||
.iconProfile_Picture:before {
|
||||
content: "\e668";
|
||||
}
|
||||
|
||||
.iconModal_Success:before {
|
||||
content: "\e662";
|
||||
}
|
||||
|
||||
.iconModal_Warning:before {
|
||||
content: "\e663";
|
||||
}
|
||||
|
||||
.iconSteps_Finished:before {
|
||||
content: "\e660";
|
||||
}
|
||||
|
||||
.iconSteps_In_Progress:before {
|
||||
content: "\e661";
|
||||
}
|
||||
|
||||
.iconAdd_Subordinates:before {
|
||||
content: "\e65d";
|
||||
}
|
||||
|
||||
.iconAdd_Peers:before {
|
||||
content: "\e65e";
|
||||
}
|
||||
|
||||
.iconHide_Content:before {
|
||||
content: "\e65f";
|
||||
}
|
||||
|
||||
.iconLogo:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
|
||||
.iconAdd:before {
|
||||
content: "\e657";
|
||||
}
|
||||
|
||||
.iconFunction_Management:before {
|
||||
content: "\e658";
|
||||
}
|
||||
|
||||
.iconDelete:before {
|
||||
content: "\e659";
|
||||
}
|
||||
|
||||
.iconExported:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
|
||||
.iconImport:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
|
||||
.iconTriangle_Down:before {
|
||||
content: "\e655";
|
||||
}
|
||||
|
||||
.iconTriangle_Right:before {
|
||||
content: "\e656";
|
||||
}
|
||||
|
||||
.iconNav_DataCenter:before {
|
||||
content: "\e650";
|
||||
}
|
||||
|
||||
.iconNav_Dashborad:before {
|
||||
content: "\e651";
|
||||
}
|
||||
|
||||
.iconNav_Pack_Up:before {
|
||||
content: "\e652";
|
||||
}
|
||||
|
||||
.iconNav_Setting:before {
|
||||
content: "\e653";
|
||||
}
|
||||
|
||||
.iconNav_Application:before {
|
||||
content: "\e654";
|
||||
}
|
||||
|
||||
.iconSkip:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
|
||||
.iconSearch:before {
|
||||
content: "\e64b";
|
||||
}
|
||||
|
||||
.iconWeChat:before {
|
||||
content: "\e64c";
|
||||
}
|
||||
|
||||
.iconParent:before {
|
||||
content: "\e64e";
|
||||
}
|
||||
|
||||
.iconSetting:before {
|
||||
content: "\e64f";
|
||||
}
|
||||
|
||||
.iconChange:before {
|
||||
content: "\e63c";
|
||||
}
|
||||
|
||||
.iconBack_Large:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
|
||||
.iconCorrect:before {
|
||||
content: "\e63e";
|
||||
}
|
||||
|
||||
.iconMessage:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
|
||||
.iconDate:before {
|
||||
content: "\e640";
|
||||
}
|
||||
|
||||
.iconMore:before {
|
||||
content: "\e641";
|
||||
}
|
||||
|
||||
.iconEdit:before {
|
||||
content: "\e642";
|
||||
}
|
||||
|
||||
.iconPhone:before {
|
||||
content: "\e643";
|
||||
}
|
||||
|
||||
.iconClean:before {
|
||||
content: "\e644";
|
||||
}
|
||||
|
||||
.iconProlife:before {
|
||||
content: "\e645";
|
||||
}
|
||||
|
||||
.iconClock:before {
|
||||
content: "\e646";
|
||||
}
|
||||
|
||||
.iconLocation:before {
|
||||
content: "\e647";
|
||||
}
|
||||
|
||||
.iconPassword:before {
|
||||
content: "\e648";
|
||||
}
|
||||
|
||||
.iconCopy:before {
|
||||
content: "\e649";
|
||||
}
|
||||
|
||||
.iconArrow_Up:before {
|
||||
content: "\e638";
|
||||
}
|
||||
|
||||
.iconArrow_Left:before {
|
||||
content: "\e639";
|
||||
}
|
||||
|
||||
.iconArrow_Down:before {
|
||||
content: "\e63a";
|
||||
}
|
||||
|
||||
.iconArrow_Right:before {
|
||||
content: "\e63b";
|
||||
}
|
||||
1
ui/lib/styles/iconfont/iconfont.js
Normal file
1
ui/lib/styles/iconfont/iconfont.js
Normal file
File diff suppressed because one or more lines are too long
78
ui/lib/styles/iconfont/logofont.css
Normal file
78
ui/lib/styles/iconfont/logofont.css
Normal file
@@ -0,0 +1,78 @@
|
||||
@font-face {
|
||||
font-family: "logofont"; /* Project id 1557923 */
|
||||
src: url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.woff2?t=1661421638099') format('woff2'),
|
||||
url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.woff?t=1661421638099') format('woff'),
|
||||
url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.ttf?t=1661421638099') format('truetype');
|
||||
}
|
||||
|
||||
.logofont {
|
||||
font-family: "logofont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.iconhuizhili:before {
|
||||
content: "\e720";
|
||||
}
|
||||
|
||||
.iconxiuxingtong1:before {
|
||||
content: "\e71e";
|
||||
}
|
||||
|
||||
.iconhuizhengwu2:before {
|
||||
content: "\e71a";
|
||||
}
|
||||
|
||||
.iconhuizhengwu:before {
|
||||
content: "\e719";
|
||||
}
|
||||
|
||||
.iconxiuxingtong:before {
|
||||
content: "\e717";
|
||||
}
|
||||
|
||||
.iconzgydzhsq:before {
|
||||
content: "\e6fb";
|
||||
}
|
||||
|
||||
.iconzhongguoyidong2:before {
|
||||
content: "\e6fa";
|
||||
}
|
||||
|
||||
.iconzhongguoyidong:before {
|
||||
content: "\e6f8";
|
||||
}
|
||||
|
||||
.iconcunwei:before {
|
||||
content: "\e6f3";
|
||||
}
|
||||
|
||||
.iconcunwei1:before {
|
||||
content: "\e6f0";
|
||||
}
|
||||
|
||||
.iconccb:before {
|
||||
content: "\e6d7";
|
||||
}
|
||||
|
||||
.iconzhongzhi:before {
|
||||
content: "\e6cb";
|
||||
}
|
||||
|
||||
.iconzxjy:before {
|
||||
content: "\e6c2";
|
||||
}
|
||||
|
||||
.iconLogo:before {
|
||||
content: "\e6a9";
|
||||
}
|
||||
|
||||
.iconminzhengju:before {
|
||||
content: "\e667";
|
||||
}
|
||||
|
||||
.iconzhongguoliantong:before {
|
||||
content: "\e618";
|
||||
}
|
||||
72
ui/lib/styles/theme.hzl.scss
Normal file
72
ui/lib/styles/theme.hzl.scss
Normal file
@@ -0,0 +1,72 @@
|
||||
$theme: "hzl";
|
||||
@import "common";
|
||||
.signLeftContent {
|
||||
color: #333;
|
||||
font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Source Han Sans CN, Microsoft Yahei, sans-serif;
|
||||
|
||||
.titlePane {
|
||||
margin-top: 84px;
|
||||
margin-bottom: 40px;
|
||||
font-family: MicrosoftYaHei, sans-serif;
|
||||
}
|
||||
|
||||
.subTitle:before {
|
||||
border-color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.projectName {
|
||||
font-family: MicrosoftYaHeiS0pxibold;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.ai-sign {
|
||||
width: 420px !important;
|
||||
|
||||
& > .el-row--flex {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.is-always-shadow {
|
||||
box-shadow: 0 24px 48px 0 rgba(15, 56, 139, 0.05);
|
||||
width: 420px !important;
|
||||
min-height: 430px;
|
||||
|
||||
& > .el-card__body {
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
.ai-scan {
|
||||
right: -30px;
|
||||
|
||||
.iconfont {
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.reset-password-row {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
.headerNav {
|
||||
.AiIcon {
|
||||
font-size: 28px !important;
|
||||
-webkit-text-fill-color: white !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
.headerTitle {
|
||||
font-family: FZZZHONGJW--GB1-0 !important;
|
||||
line-height: normal !important;
|
||||
font-weight: normal !important;
|
||||
-webkit-text-fill-color: white !important;
|
||||
}
|
||||
|
||||
.textShadow {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
7
ui/lib/styles/theme.yellow.scss
Normal file
7
ui/lib/styles/theme.yellow.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
$theme: "yellow";
|
||||
$primaryColor: #f62;
|
||||
$primaryBtnColor: linear-gradient(90deg, #FFA322 0%, #FF6622 100%);
|
||||
$projectName: linear-gradient(180deg, #FFA322 0%, #FF6622 100%);
|
||||
$primaryLightColor: #FFF7F4;
|
||||
$textShadow: #CA693E;
|
||||
@import "common";
|
||||
12
ui/lib/styles/vars.scss
Normal file
12
ui/lib/styles/vars.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
$primaryColor: #26f !default;
|
||||
$borderColor: #d0d4dc !default;
|
||||
$primaryBtnColor: linear-gradient(90deg, #299FFF 0%, #0C61FF 100%) !default;
|
||||
$successColor: #2EA222 !default;
|
||||
$warnColor: #F82 !default;
|
||||
$errorColor: #F46 !default;
|
||||
$infoColor: #8D96A9 !default;
|
||||
$theme: "blue" !default;
|
||||
$projectName: linear-gradient(180deg, #5AC4FF 11%, #1347B6 100%) !default;
|
||||
$primaryLightColor: rgba(239, 246, 255, 1) !default;
|
||||
$textShadow: #384DC3 !default;
|
||||
$placeholderColor: #888 !default;
|
||||
Reference in New Issue
Block a user