GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(projects): fix build [unocss]: build failed to load icon "close", fixed #319

Browse Source
This commit is contained in:
Soybean 2024-02-20 21:57:17 +08:00
parent 114c835921
commit c18d82f9f8
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/materials/src/libs/page-tab/index.module.css
View File

@ -23,13 +23,13 @@
background-color: var(--soy-primary-color-opacity2); background-color: var(--soy-primary-color-opacity2);
} }
.button-tab .icon_close:hover { .button-tab .svg-close:hover {
font-size: 12px; font-size: 12px;
color: #ffffff; color: #ffffff;
background-color: var(--soy-primary-color); background-color: var(--soy-primary-color);
} }
.button-tab_dark .icon_close:hover { .button-tab_dark .svg-close:hover {
color: #000000; color: #000000;
} }
@ -70,17 +70,17 @@
color: var(--soy-primary-color2); color: var(--soy-primary-color2);
} }
.chrome-tab .icon_close:hover { .chrome-tab .svg-close:hover {
font-size: 12px; font-size: 12px;
color: #ffffff; color: #ffffff;
background-color: #9ca3af; background-color: #9ca3af;
} }
.chrome-tab_active .icon_close:hover { .chrome-tab_active .svg-close:hover {
background-color: var(--soy-primary-color); background-color: var(--soy-primary-color);
} }
.chrome-tab_dark .icon_close:hover { .chrome-tab_dark .svg-close:hover {
color: #000000; color: #000000;
} }

2
packages/materials/src/libs/page-tab/index.module.css.d.ts vendored
View File

@ -3,13 +3,13 @@ declare const styles: {
readonly 'button-tab_dark': string; readonly 'button-tab_dark': string;
readonly 'button-tab_active': string; readonly 'button-tab_active': string;
readonly 'button-tab_active_dark': string; readonly 'button-tab_active_dark': string;
readonly icon_close: string;
readonly 'chrome-tab': string; readonly 'chrome-tab': string;
readonly 'chrome-tab_active': string; readonly 'chrome-tab_active': string;
readonly 'chrome-tab__bg': string; readonly 'chrome-tab__bg': string;
readonly 'chrome-tab_active_dark': string; readonly 'chrome-tab_active_dark': string;
readonly 'chrome-tab_dark': string; readonly 'chrome-tab_dark': string;
readonly 'chrome-tab-divider': string; readonly 'chrome-tab-divider': string;
readonly 'svg-close': string;
}; };
export default styles; export default styles;

4
packages/materials/src/libs/page-tab/index.vue
View File

@ -5,7 +5,7 @@ import type { PageTabMode, PageTabProps } from '../../types';
import { ACTIVE_COLOR, createTabCssVars } from './shared'; import { ACTIVE_COLOR, createTabCssVars } from './shared';
import ChromeTab from './chrome-tab.vue'; import ChromeTab from './chrome-tab.vue';
import ButtonTab from './button-tab.vue'; import ButtonTab from './button-tab.vue';
import SvgIconClose from './icon-close.vue'; import SvgClose from './svg-close.vue';
import style from './index.module.css'; import style from './index.module.css';
defineOptions({ defineOptions({
@ -88,7 +88,7 @@ function handleClose() {
<slot></slot> <slot></slot>
<template #suffix> <template #suffix>
<slot name="suffix"> <slot name="suffix">
<SvgIconClose v-if="closable" :class="[style['icon_close']]" @click="handleClose" /> <SvgClose v-if="closable" :class="[style['svg-close']]" @click="handleClose" />
</slot> </slot>
</template> </template>
</component> </component>

2
packages/materials/src/libs/page-tab/icon-close.vue → packages/materials/src/libs/page-tab/svg-close.vue
View File

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
defineOptions({ defineOptions({
name: 'IconClose' name: 'SvgClose'
}); });
const emit = defineEmits<Emits>(); const emit = defineEmits<Emits>();