mirror of
https://github.com/vbenjs/vben-admin-thin-next.git
synced 2025-01-23 09:40:22 +08:00
chore: format code
This commit is contained in:
parent
0f44291c5c
commit
acea184320
@ -3,7 +3,7 @@ export interface BasicPageParams {
|
|||||||
pageSize: number;
|
pageSize: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface BasicFetchResult<T extends any> {
|
export interface BasicFetchResult<T> {
|
||||||
items: T[];
|
items: T[];
|
||||||
total: number;
|
total: number;
|
||||||
}
|
}
|
||||||
|
@ -39,7 +39,7 @@
|
|||||||
|
|
||||||
html[data-theme='dark'] {
|
html[data-theme='dark'] {
|
||||||
.@{prefix-cls} {
|
.@{prefix-cls} {
|
||||||
border: 1px solid rgb(196, 188, 188);
|
border: 1px solid rgb(196 188 188);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -42,7 +42,7 @@
|
|||||||
background-color: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
|
background-color: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
|
box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
|
||||||
0 1px 2px 1px rgba(30, 35, 90, 0.4);
|
0 1px 2px 1px rgb(30 35 90 / 40%);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
|
@ -125,7 +125,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding-top: 50px;
|
padding-top: 50px;
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
background-color: rgb(0 0 0 / 25%);
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
&--mobile {
|
&--mobile {
|
||||||
@ -159,7 +159,7 @@
|
|||||||
|
|
||||||
&__item {
|
&__item {
|
||||||
&-enter {
|
&-enter {
|
||||||
opacity: 0 !important;
|
opacity: 0% !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -168,16 +168,16 @@
|
|||||||
&-content {
|
&-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 632px;
|
width: 632px;
|
||||||
margin: 0 auto auto auto;
|
margin: 0 auto auto;
|
||||||
background-color: @component-background;
|
background-color: @component-background;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
|
box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-input__wrapper {
|
&-input__wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 14px 14px 0 14px;
|
padding: 14px 14px 0;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
@ -245,7 +245,7 @@
|
|||||||
background-color: @primary-color;
|
background-color: @primary-color;
|
||||||
|
|
||||||
.@{prefix-cls}-list__item-enter {
|
.@{prefix-cls}-list__item-enter {
|
||||||
opacity: 1;
|
opacity: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -259,7 +259,7 @@
|
|||||||
|
|
||||||
&-enter {
|
&-enter {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
.CodeMirror {
|
.CodeMirror {
|
||||||
--base: #545281;
|
--base: #545281;
|
||||||
--comment: hsl(210, 25%, 60%);
|
--comment: hsl(210deg 25% 60%);
|
||||||
--keyword: #af4ab1;
|
--keyword: #af4ab1;
|
||||||
--variable: #0055d1;
|
--variable: #0055d1;
|
||||||
--function: #c25205;
|
--function: #c25205;
|
||||||
@ -53,7 +53,7 @@
|
|||||||
color: var(--comment);
|
color: var(--comment);
|
||||||
text-align: right;
|
text-align: right;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
opacity: 0.6;
|
opacity: 60%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-guttermarker {
|
.CodeMirror-guttermarker {
|
||||||
@ -90,7 +90,7 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
content: '>';
|
content: '>';
|
||||||
opacity: 0.8;
|
opacity: 80%;
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
transition: transform 0.2s;
|
transition: transform 0.2s;
|
||||||
}
|
}
|
||||||
@ -125,9 +125,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cm-fat-cursor-mark {
|
.cm-fat-cursor-mark {
|
||||||
background-color: rgba(20, 255, 20, 0.5);
|
background-color: rgb(20 255 20 / 50%);
|
||||||
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
||||||
-moz-animation: blink 1.06s steps(1) infinite;
|
|
||||||
animation: blink 1.06s steps(1) infinite;
|
animation: blink 1.06s steps(1) infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -135,16 +133,14 @@
|
|||||||
width: auto;
|
width: auto;
|
||||||
background-color: #7e7;
|
background-color: #7e7;
|
||||||
border: 0;
|
border: 0;
|
||||||
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
||||||
-moz-animation: blink 1.06s steps(1) infinite;
|
|
||||||
animation: blink 1.06s steps(1) infinite;
|
animation: blink 1.06s steps(1) infinite;
|
||||||
}
|
}
|
||||||
@-moz-keyframes blink {
|
@keyframes blink {
|
||||||
50% {
|
50% {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@-webkit-keyframes blink {
|
@keyframes blink {
|
||||||
50% {
|
50% {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
@ -294,7 +290,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-matchingtag {
|
.CodeMirror-matchingtag {
|
||||||
background: rgba(255, 150, 0, 0.3);
|
background: rgb(255 150 0 / 30%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-activeline-background {
|
.CodeMirror-activeline-background {
|
||||||
@ -394,7 +390,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-gutter-wrapper ::-moz-selection {
|
.CodeMirrorwrapper ::selection {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -414,11 +410,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|||||||
border-width: 0;
|
border-width: 0;
|
||||||
|
|
||||||
/* Reset some styles that the rest of the page might have set */
|
/* Reset some styles that the rest of the page might have set */
|
||||||
-moz-border-radius: 0;
|
|
||||||
-webkit-border-radius: 0;
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
-webkit-tap-highlight-color: transparent;
|
-webkit-tap-highlight-color: transparent;
|
||||||
-webkit-font-variant-ligatures: contextual;
|
|
||||||
font-variant-ligatures: contextual;
|
font-variant-ligatures: contextual;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -457,7 +450,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|||||||
.CodeMirror-gutter,
|
.CodeMirror-gutter,
|
||||||
.CodeMirror-gutters,
|
.CodeMirror-gutters,
|
||||||
.CodeMirror-linenumber {
|
.CodeMirror-linenumber {
|
||||||
-moz-box-sizing: content-box;
|
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -505,15 +497,9 @@ div.CodeMirror-dragcursors {
|
|||||||
background: #d7d4f0;
|
background: #d7d4f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-line::-moz-selection,
|
|
||||||
.CodeMirror-line > span::-moz-selection,
|
|
||||||
.CodeMirror-line > span > span::-moz-selection {
|
|
||||||
background: #d7d4f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-searching {
|
.cm-searching {
|
||||||
background-color: #ffa;
|
background-color: #ffa;
|
||||||
background-color: rgba(255, 255, 0, 0.4);
|
background-color: rgb(255 255 0 / 40%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Used to force a border model for a node */
|
/* Used to force a border model for a node */
|
||||||
|
@ -178,22 +178,22 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
background-color: @component-background;
|
background-color: @component-background;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.08);
|
border: 1px solid rgb(0 0 0 / 8%);
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1),
|
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 10%),
|
||||||
0 1px 5px 0 rgba(0, 0, 0, 0.06);
|
0 1px 5px 0 rgb(0 0 0 / 6%);
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
.item-style();
|
.item-style();
|
||||||
|
|
||||||
.ant-divider {
|
.ant-divider {
|
||||||
margin: 0 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__popup {
|
&__popup {
|
||||||
.ant-divider {
|
.ant-divider {
|
||||||
margin: 0 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-style();
|
.item-style();
|
||||||
|
@ -234,17 +234,17 @@
|
|||||||
background: #eee;
|
background: #eee;
|
||||||
background-image: linear-gradient(
|
background-image: linear-gradient(
|
||||||
45deg,
|
45deg,
|
||||||
rgba(0, 0, 0, 0.25) 25%,
|
rgb(0 0 0 / 25%) 25%,
|
||||||
transparent 0,
|
transparent 0,
|
||||||
transparent 75%,
|
transparent 75%,
|
||||||
rgba(0, 0, 0, 0.25) 0
|
rgb(0 0 0 / 25%) 0
|
||||||
),
|
),
|
||||||
linear-gradient(
|
linear-gradient(
|
||||||
45deg,
|
45deg,
|
||||||
rgba(0, 0, 0, 0.25) 25%,
|
rgb(0 0 0 / 25%) 25%,
|
||||||
transparent 0,
|
transparent 0,
|
||||||
transparent 75%,
|
transparent 75%,
|
||||||
rgba(0, 0, 0, 0.25) 0
|
rgb(0 0 0 / 25%) 0
|
||||||
);
|
);
|
||||||
background-position: 0 0, 12px 12px;
|
background-position: 0 0, 12px 12px;
|
||||||
background-size: 24px 24px;
|
background-size: 24px 24px;
|
||||||
|
@ -135,15 +135,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-image-mask {
|
&-image-mask {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
height: inherit;
|
height: inherit;
|
||||||
border-radius: inherit;
|
border-radius: inherit;
|
||||||
border: inherit;
|
border: inherit;
|
||||||
background: rgba(0, 0, 0, 0.4);
|
background: rgb(0 0 0 / 40%);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
-webkit-transition: opacity 0.4s;
|
|
||||||
transition: opacity 0.4s;
|
transition: opacity 0.4s;
|
||||||
|
|
||||||
::v-deep(svg) {
|
::v-deep(svg) {
|
||||||
@ -152,7 +151,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-image-mask:hover {
|
&-image-mask:hover {
|
||||||
opacity: 40;
|
opacity: 4000%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-upload-btn {
|
&-upload-btn {
|
||||||
|
@ -57,7 +57,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: rgba(240, 242, 245, 0.4);
|
background-color: rgb(240 242 245 / 40%);
|
||||||
|
|
||||||
&.absolute {
|
&.absolute {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -1,4 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<!-- eslint-disable vue/no-v-html -->
|
||||||
<div v-html="getHtmlData" :class="$props.class" class="markdown-viewer"></div>
|
<div v-html="getHtmlData" :class="$props.class" class="markdown-viewer"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -54,7 +54,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-content {
|
&-content {
|
||||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-footer {
|
&-footer {
|
||||||
|
@ -39,8 +39,8 @@
|
|||||||
line-height: 44px;
|
line-height: 44px;
|
||||||
background-color: @component-background;
|
background-color: @component-background;
|
||||||
border-top: 1px solid @border-color-base;
|
border-top: 1px solid @border-color-base;
|
||||||
box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05),
|
box-shadow: 0 -6px 16px -8px rgb(0 0 0 / 8%), 0 -9px 28px 0 rgb(0 0 0 / 5%),
|
||||||
0 -12px 48px 16px rgba(0, 0, 0, 0.03);
|
0 -12px 48px 16px rgb(0 0 0 / 3%);
|
||||||
transition: width 0.2s;
|
transition: width 0.2s;
|
||||||
|
|
||||||
&__left {
|
&__left {
|
||||||
|
@ -432,7 +432,7 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: @preview-comp-z-index;
|
z-index: @preview-comp-z-index;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgb(0 0 0 / 50%);
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
&-content {
|
&-content {
|
||||||
@ -458,7 +458,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: @white;
|
color: @white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgb(0 0 0 / 50%);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
|
|
||||||
@ -470,7 +470,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
background-color: rgb(0 0 0 / 80%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -480,7 +480,7 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
padding: 0 22px;
|
padding: 0 22px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
background: rgba(109, 109, 109, 0.6);
|
background: rgb(109 109 109 / 60%);
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
@ -494,7 +494,7 @@
|
|||||||
height: 44px;
|
height: 44px;
|
||||||
padding: 0 22px;
|
padding: 0 22px;
|
||||||
margin-left: -139px;
|
margin-left: -139px;
|
||||||
background: rgba(109, 109, 109, 0.6);
|
background: rgb(109 109 109 / 60%);
|
||||||
border-radius: 22px;
|
border-radius: 22px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
@ -526,12 +526,12 @@
|
|||||||
height: 50px;
|
height: 50px;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgb(0 0 0 / 50%);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
background-color: rgb(0 0 0 / 80%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.left {
|
&.left {
|
||||||
|
@ -88,7 +88,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ant-image-preview-operations {
|
.ant-image-preview-operations {
|
||||||
background-color: rgba(0, 0, 0, 0.4);
|
background-color: rgb(0 0 0 / 40%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -148,7 +148,7 @@
|
|||||||
display: none;
|
display: none;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -159,12 +159,12 @@
|
|||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: rgba(144, 147, 153, 0.3);
|
background-color: rgb(144 147 153 / 30%);
|
||||||
border-radius: inherit;
|
border-radius: inherit;
|
||||||
transition: 0.3s background-color;
|
transition: 0.3s background-color;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: rgba(144, 147, 153, 0.5);
|
background-color: rgb(144 147 153 / 50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -174,8 +174,7 @@
|
|||||||
bottom: 2px;
|
bottom: 2px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
-webkit-transition: opacity 80ms ease;
|
|
||||||
transition: opacity 80ms ease;
|
transition: opacity 80ms ease;
|
||||||
|
|
||||||
&.is-vertical {
|
&.is-vertical {
|
||||||
@ -201,7 +200,7 @@
|
|||||||
.scrollbar:active > .scrollbar__bar,
|
.scrollbar:active > .scrollbar__bar,
|
||||||
.scrollbar:focus > .scrollbar__bar,
|
.scrollbar:focus > .scrollbar__bar,
|
||||||
.scrollbar:hover > .scrollbar__bar {
|
.scrollbar:hover > .scrollbar__bar {
|
||||||
opacity: 1;
|
opacity: 100%;
|
||||||
transition: opacity 340ms ease-out;
|
transition: opacity 340ms ease-out;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -188,7 +188,7 @@
|
|||||||
|
|
||||||
&-vertical&-collapse &-item,
|
&-vertical&-collapse &-item,
|
||||||
&-vertical&-collapse &-submenu-title {
|
&-vertical&-collapse &-submenu-title {
|
||||||
padding: 0 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-vertical &-submenu-title-icon {
|
&-vertical &-submenu-title-icon {
|
||||||
|
@ -92,7 +92,7 @@
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: @white;
|
border-color: @white;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 0 5px 0 5px;
|
border-width: 0 5px;
|
||||||
content: '';
|
content: '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -357,7 +357,7 @@
|
|||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
|
||||||
.ant-form {
|
.ant-form {
|
||||||
padding: 12px 10px 6px 10px;
|
padding: 12px 10px 6px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
background-color: @component-background;
|
background-color: @component-background;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
@ -375,7 +375,7 @@
|
|||||||
|
|
||||||
.ant-table-title {
|
.ant-table-title {
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
padding: 0 0 8px 0 !important;
|
padding: 0 0 8px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-table.ant-table-bordered .ant-table-title {
|
.ant-table.ant-table-bordered .ant-table-title {
|
||||||
@ -401,7 +401,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ant-pagination {
|
.ant-pagination {
|
||||||
margin: 10px 0 0 0;
|
margin: 10px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-table-footer {
|
.ant-table-footer {
|
||||||
|
@ -42,7 +42,7 @@
|
|||||||
.@{prefix-cls} {
|
.@{prefix-cls} {
|
||||||
&__help {
|
&__help {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
color: rgba(0, 0, 0, 0.65) !important;
|
color: rgb(0 0 0 / 65%) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -420,7 +420,7 @@
|
|||||||
|
|
||||||
&__fixed-left,
|
&__fixed-left,
|
||||||
&__fixed-right {
|
&__fixed-right {
|
||||||
color: rgba(0, 0, 0, 0.45);
|
color: rgb(0 0 0 / 45%);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&.active,
|
&.active,
|
||||||
|
@ -241,8 +241,16 @@ export function useDataSource(
|
|||||||
}
|
}
|
||||||
|
|
||||||
async function fetch(opt?: FetchParams) {
|
async function fetch(opt?: FetchParams) {
|
||||||
const { api, searchInfo, defSort, fetchSetting, beforeFetch, afterFetch, useSearchForm, pagination } =
|
const {
|
||||||
unref(propsRef);
|
api,
|
||||||
|
searchInfo,
|
||||||
|
defSort,
|
||||||
|
fetchSetting,
|
||||||
|
beforeFetch,
|
||||||
|
afterFetch,
|
||||||
|
useSearchForm,
|
||||||
|
pagination,
|
||||||
|
} = unref(propsRef);
|
||||||
if (!api || !isFunction(api)) return;
|
if (!api || !isFunction(api)) return;
|
||||||
try {
|
try {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
|
@ -292,7 +292,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: rgb(238, 238, 238);
|
background-color: rgb(238 238 238);
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
border-radius: @radius;
|
border-radius: @radius;
|
||||||
|
|
||||||
@ -313,7 +313,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
-webkit-text-size-adjust: none;
|
text-size-adjust: none;
|
||||||
background-color: -webkit-gradient(
|
background-color: -webkit-gradient(
|
||||||
linear,
|
linear,
|
||||||
left top,
|
left top,
|
||||||
|
@ -209,7 +209,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.normal {
|
&.normal {
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgb(0 0 0 / 30%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -67,7 +67,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
[data-theme='light'] &.ant-btn-link.is-disabled {
|
[data-theme='light'] &.ant-btn-link.is-disabled {
|
||||||
color: rgba(0, 0, 0, 0.25);
|
color: rgb(0 0 0 / 25%);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
cursor: not-allowed !important;
|
cursor: not-allowed !important;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
@ -76,7 +76,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
[data-theme='dark'] &.ant-btn-link.is-disabled {
|
[data-theme='dark'] &.ant-btn-link.is-disabled {
|
||||||
color: rgba(255, 255, 255, 0.25) !important;
|
color: rgb(255 255 255 / 25%) !important;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
cursor: not-allowed !important;
|
cursor: not-allowed !important;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
|
@ -30,12 +30,12 @@ span.anticon:not(.app-iconify) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ant-image-preview-operations {
|
.ant-image-preview-operations {
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgb(0 0 0 / 30%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-popover {
|
.ant-popover {
|
||||||
&-content {
|
&-content {
|
||||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
@import './theme.less';
|
@import './theme.less';
|
||||||
|
|
||||||
input:-webkit-autofill {
|
input:-webkit-autofill {
|
||||||
-webkit-box-shadow: 0 0 0 1000px white inset !important;
|
box-shadow: 0 0 0 1000px white inset !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:-webkit-autofill {
|
:-webkit-autofill {
|
||||||
@ -14,7 +14,7 @@ input:-webkit-autofill {
|
|||||||
|
|
||||||
html {
|
html {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
-webkit-text-size-adjust: 100%;
|
text-size-adjust: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
|
@ -17,15 +17,15 @@
|
|||||||
// }
|
// }
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
::-webkit-scrollbar-track {
|
||||||
background-color: rgba(0, 0, 0, 0.05);
|
background-color: rgb(0 0 0 / 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
// background: rgba(0, 0, 0, 0.6);
|
// background: rgba(0, 0, 0, 0.6);
|
||||||
background-color: rgba(144, 147, 153, 0.3);
|
background-color: rgb(144 147 153 / 30%);
|
||||||
// background-color: rgba(144, 147, 153, 0.3);
|
// background-color: rgba(144, 147, 153, 0.3);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
|
box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
::-webkit-scrollbar-thumb:hover {
|
||||||
@ -46,6 +46,6 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
background-color: @primary-color;
|
background-color: @primary-color;
|
||||||
opacity: 0.75;
|
opacity: 75%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
html[data-theme='light'] {
|
html[data-theme='light'] {
|
||||||
.text-secondary {
|
.text-secondary {
|
||||||
color: rgba(0, 0, 0, 0.45);
|
color: rgb(0 0 0 / 45%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-alert-success {
|
.ant-alert-success {
|
||||||
@ -43,10 +43,10 @@ html[data-theme='light'] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ant-calendar-selected-day .ant-calendar-date {
|
.ant-calendar-selected-day .ant-calendar-date {
|
||||||
color: rgba(0, 0, 0, 0.8);
|
color: rgb(0 0 0 / 80%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
|
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
|
||||||
color: rgba(0, 0, 0, 0.9);
|
color: rgb(0 0 0 / 90%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
.fade-enter-from,
|
.fade-enter-from,
|
||||||
.fade-leave-to {
|
.fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* fade-slide */
|
/* fade-slide */
|
||||||
@ -15,12 +15,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fade-slide-enter-from {
|
.fade-slide-enter-from {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateX(-30px);
|
transform: translateX(-30px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-slide-leave-to {
|
.fade-slide-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateX(30px);
|
transform: translateX(30px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -35,12 +35,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fade-bottom-enter-from {
|
.fade-bottom-enter-from {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateY(-10%);
|
transform: translateY(-10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-bottom-leave-to {
|
.fade-bottom-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateY(10%);
|
transform: translateY(10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -51,12 +51,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fade-scale-enter-from {
|
.fade-scale-enter-from {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-scale-leave-to {
|
.fade-scale-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(0.8);
|
transform: scale(0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -71,11 +71,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fade-top-enter-from {
|
.fade-top-enter-from {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateY(8%);
|
transform: translateY(8%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-top-leave-to {
|
.fade-top-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateY(-8%);
|
transform: translateY(-8%);
|
||||||
}
|
}
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave,
|
&-leave,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(0);
|
transform: scale(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -15,7 +15,7 @@
|
|||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave,
|
&-leave,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(0) rotate(-45deg);
|
transform: scale(0) rotate(-45deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
|
|
||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-enter-from {
|
&-enter-from {
|
||||||
@ -20,7 +20,7 @@
|
|||||||
|
|
||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-enter-from {
|
&-enter-from {
|
||||||
@ -37,7 +37,7 @@
|
|||||||
|
|
||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-enter-from {
|
&-enter-from {
|
||||||
@ -54,7 +54,7 @@
|
|||||||
|
|
||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-enter-from {
|
&-enter-from {
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
|
|
||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateY(-15px);
|
transform: translateY(-15px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -13,7 +13,7 @@
|
|||||||
|
|
||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateY(15px);
|
transform: translateY(15px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -23,7 +23,7 @@
|
|||||||
|
|
||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateX(-15px);
|
transform: translateX(-15px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -33,7 +33,7 @@
|
|||||||
|
|
||||||
&-enter-from,
|
&-enter-from,
|
||||||
&-leave-to {
|
&-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: translateX(15px);
|
transform: translateX(15px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
|
|
||||||
.zoom-out-enter-from,
|
.zoom-out-enter-from,
|
||||||
.zoom-out-leave-to {
|
.zoom-out-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(0);
|
transform: scale(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -17,11 +17,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.zoom-fade-enter-from {
|
.zoom-fade-enter-from {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(0.92);
|
transform: scale(0.92);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zoom-fade-leave-to {
|
.zoom-fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(1.06);
|
transform: scale(1.06);
|
||||||
}
|
}
|
||||||
|
@ -1,8 +1,6 @@
|
|||||||
import { ref, unref } from 'vue';
|
import { ref, unref } from 'vue';
|
||||||
|
|
||||||
export function useLockFn<P extends any[] = any[], V extends any = any>(
|
export function useLockFn<P extends any[] = any[], V = any>(fn: (...args: P) => Promise<V>) {
|
||||||
fn: (...args: P) => Promise<V>,
|
|
||||||
) {
|
|
||||||
const lockRef = ref(false);
|
const lockRef = ref(false);
|
||||||
return async function (...args: P) {
|
return async function (...args: P) {
|
||||||
if (unref(lockRef)) return;
|
if (unref(lockRef)) return;
|
||||||
|
@ -169,7 +169,7 @@
|
|||||||
color: @breadcrumb-item-normal-color;
|
color: @breadcrumb-item-normal-color;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: rgba(0, 0, 0, 0.65);
|
color: rgb(0 0 0 / 65%);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @primary-color;
|
color: @primary-color;
|
||||||
@ -184,10 +184,10 @@
|
|||||||
|
|
||||||
&--dark {
|
&--dark {
|
||||||
.ant-breadcrumb-link {
|
.ant-breadcrumb-link {
|
||||||
color: rgba(255, 255, 255, 0.6);
|
color: rgb(255 255 255 / 60%);
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: rgba(255, 255, 255, 0.8);
|
color: rgb(255 255 255 / 80%);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @white;
|
color: @white;
|
||||||
@ -197,7 +197,7 @@
|
|||||||
|
|
||||||
.ant-breadcrumb-separator,
|
.ant-breadcrumb-separator,
|
||||||
.anticon {
|
.anticon {
|
||||||
color: rgba(255, 255, 255, 0.8);
|
color: rgb(255 255 255 / 80%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -95,7 +95,7 @@
|
|||||||
&__entry {
|
&__entry {
|
||||||
position: relative;
|
position: relative;
|
||||||
//height: 240px;
|
//height: 240px;
|
||||||
padding: 130px 30px 30px 30px;
|
padding: 130px 30px 30px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -67,7 +67,7 @@
|
|||||||
.@{header-trigger-prefix-cls} {
|
.@{header-trigger-prefix-cls} {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 1px 10px 0 10px;
|
padding: 1px 10px 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
@ -189,7 +189,7 @@
|
|||||||
&--mobile {
|
&--mobile {
|
||||||
.@{logo-prefix-cls} {
|
.@{logo-prefix-cls} {
|
||||||
&__title {
|
&__title {
|
||||||
opacity: 1;
|
opacity: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -66,7 +66,7 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #f0f2f5;
|
background-color: #f0f2f5;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18);
|
box-shadow: 0 1px 2.5px 0 rgb(0 0 0 / 18%);
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
|
@ -60,7 +60,7 @@
|
|||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @primary-color;
|
background-color: @primary-color;
|
||||||
box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15);
|
box-shadow: 0 0 4px 0 rgb(28 36 56 / 15%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -362,19 +362,19 @@
|
|||||||
|
|
||||||
&.light {
|
&.light {
|
||||||
.@{prefix-cls}-logo {
|
.@{prefix-cls}-logo {
|
||||||
border-bottom: 1px solid rgb(238, 238, 238);
|
border-bottom: 1px solid rgb(238 238 238);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.open {
|
&.open {
|
||||||
> .scrollbar {
|
> .scrollbar {
|
||||||
border-right: 1px solid rgb(238, 238, 238);
|
border-right: 1px solid rgb(238 238 238);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{prefix-cls}-module {
|
.@{prefix-cls}-module {
|
||||||
&__item {
|
&__item {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: rgba(0, 0, 0, 0.65);
|
color: rgb(0 0 0 / 65%);
|
||||||
|
|
||||||
&--active {
|
&--active {
|
||||||
color: @primary-color;
|
color: @primary-color;
|
||||||
@ -384,15 +384,15 @@
|
|||||||
}
|
}
|
||||||
.@{prefix-cls}-menu-list {
|
.@{prefix-cls}-menu-list {
|
||||||
&__content {
|
&__content {
|
||||||
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
.pushpin {
|
.pushpin {
|
||||||
color: rgba(0, 0, 0, 0.35);
|
color: rgb(0 0 0 / 35%);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: rgba(0, 0, 0, 0.85);
|
color: rgb(0 0 0 / 85%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -442,7 +442,7 @@
|
|||||||
&__item {
|
&__item {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 12px 0;
|
padding: 12px 0;
|
||||||
color: rgba(255, 255, 255, 0.65);
|
color: rgb(255 255 255 / 65%);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
@ -487,7 +487,7 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: rgba(255, 255, 255, 0.65);
|
color: rgb(255 255 255 / 65%);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: @trigger-dark-bg-color;
|
background-color: @trigger-dark-bg-color;
|
||||||
@ -496,7 +496,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.light &-trigger {
|
&.light &-trigger {
|
||||||
color: rgba(0, 0, 0, 0.65);
|
color: rgb(0 0 0 / 65%);
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
}
|
}
|
||||||
@ -515,21 +515,21 @@
|
|||||||
// margin-left: -6px;
|
// margin-left: -6px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: @primary-color;
|
color: @primary-color;
|
||||||
border-bottom: 1px solid rgb(238, 238, 238);
|
border-bottom: 1px solid rgb(238 238 238);
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transition: unset;
|
transition: unset;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
&.show {
|
&.show {
|
||||||
min-width: 130px;
|
min-width: 130px;
|
||||||
opacity: 1;
|
opacity: 100%;
|
||||||
transition: all 0.5s ease;
|
transition: all 0.5s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pushpin {
|
.pushpin {
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
color: rgba(255, 255, 255, 0.65);
|
color: rgb(255 255 255 / 65%);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@ -572,7 +572,7 @@
|
|||||||
background-color: #f8f8f9;
|
background-color: #f8f8f9;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15);
|
box-shadow: 0 0 4px 0 rgb(28 36 56 / 15%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -50,7 +50,7 @@ html[data-theme='light'] {
|
|||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
.ant-tabs-close-x {
|
.ant-tabs-close-x {
|
||||||
opacity: 1;
|
opacity: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -59,7 +59,7 @@ html[data-theme='light'] {
|
|||||||
height: 12px;
|
height: 12px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transition: none;
|
transition: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@ -95,7 +95,7 @@ html[data-theme='light'] {
|
|||||||
transition: none;
|
transition: none;
|
||||||
|
|
||||||
.ant-tabs-close-x {
|
.ant-tabs-close-x {
|
||||||
opacity: 1;
|
opacity: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
@ -135,7 +135,7 @@ html[data-theme='light'] {
|
|||||||
|
|
||||||
&--hide-close {
|
&--hide-close {
|
||||||
.ant-tabs-close-x {
|
.ant-tabs-close-x {
|
||||||
opacity: 0 !important;
|
opacity: 0% !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@ import type { RouteRecordRaw, RouteMeta } from 'vue-router';
|
|||||||
import { RoleEnum } from '/@/enums/roleEnum';
|
import { RoleEnum } from '/@/enums/roleEnum';
|
||||||
import { defineComponent } from 'vue';
|
import { defineComponent } from 'vue';
|
||||||
|
|
||||||
export type Component<T extends any = any> =
|
export type Component<T = any> =
|
||||||
| ReturnType<typeof defineComponent>
|
| ReturnType<typeof defineComponent>
|
||||||
| (() => Promise<typeof import('*.vue')>)
|
| (() => Promise<typeof import('*.vue')>)
|
||||||
| (() => Promise<T>);
|
| (() => Promise<T>);
|
||||||
|
@ -47,12 +47,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.custom-enter {
|
.custom-enter {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(0.4) translate(100%);
|
transform: scale(0.4) translate(100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-enter-to {
|
.custom-enter-to {
|
||||||
opacity: 1;
|
opacity: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-enter-active {
|
.custom-enter-active {
|
||||||
@ -63,11 +63,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.custom-leave {
|
.custom-leave {
|
||||||
opacity: 1;
|
opacity: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-leave-to {
|
.custom-leave-to {
|
||||||
opacity: 0;
|
opacity: 0%;
|
||||||
transform: scale(0.4) translate(-100%);
|
transform: scale(0.4) translate(-100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -91,6 +91,6 @@
|
|||||||
width: 150px;
|
width: 150px;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
background-color: rgb(126, 170, 236);
|
background-color: rgb(126 170 236);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -70,17 +70,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__content {
|
&__content {
|
||||||
color: rgba(0, 0, 0, 0.65);
|
color: rgb(0 0 0 / 65%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&__action {
|
&__action {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
color: rgba(0, 0, 0, 0.45);
|
color: rgb(0 0 0 / 45%);
|
||||||
|
|
||||||
&:nth-child(1),
|
&:nth-child(1),
|
||||||
&:nth-child(2) {
|
&:nth-child(2) {
|
||||||
border-right: 1px solid rgba(206, 206, 206, 0.4);
|
border-right: 1px solid rgb(206 206 206 / 40%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-icon {
|
&-icon {
|
||||||
@ -91,7 +91,7 @@
|
|||||||
&__time {
|
&__time {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
color: rgba(0, 0, 0, 0.45);
|
color: rgb(0 0 0 / 45%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -48,7 +48,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.ant-card-body {
|
.ant-card-body {
|
||||||
padding: 0 0 24px 0;
|
padding: 0 0 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@ -60,7 +60,7 @@
|
|||||||
margin: 5px 10px;
|
margin: 5px 10px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: rgba(0, 0, 0, 0.85);
|
color: rgb(0 0 0 / 85%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-content {
|
&-content {
|
||||||
|
@ -98,13 +98,13 @@
|
|||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
|
|
||||||
&:not(:last-child) {
|
&:not(:last-child) {
|
||||||
border-right: 1px dashed rgb(206, 206, 206, 0.5);
|
border-right: 1px dashed rgb(206 206 206 / 50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-top {
|
&-top {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 16px 16px 12px 16px;
|
margin: 16px 16px 12px;
|
||||||
background-color: @component-background;
|
background-color: @component-background;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
|
||||||
@ -147,7 +147,7 @@
|
|||||||
|
|
||||||
&-bottom {
|
&-bottom {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 0 16px 16px 16px;
|
margin: 0 16px 16px;
|
||||||
background-color: @component-background;
|
background-color: @component-background;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
@ -129,7 +129,7 @@
|
|||||||
&__time {
|
&__time {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
color: rgba(0, 0, 0, 0.45);
|
color: rgb(0 0 0 / 45%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -210,7 +210,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgb(0 0 0 / 50%);
|
||||||
backdrop-filter: blur(8px);
|
backdrop-filter: blur(8px);
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -1,8 +1,10 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
root: true,
|
root: true,
|
||||||
plugins: ['stylelint-order'],
|
plugins: ['stylelint-order'],
|
||||||
|
customSyntax: 'postcss-less',
|
||||||
extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
|
extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
|
||||||
rules: {
|
rules: {
|
||||||
|
'selector-class-pattern': null,
|
||||||
'selector-pseudo-class-no-unknown': [
|
'selector-pseudo-class-no-unknown': [
|
||||||
true,
|
true,
|
||||||
{
|
{
|
||||||
|
Loading…
Reference in New Issue
Block a user