Просмотр исходного кода

规范图标资源引入(1.移至assets目录; 2.统一由 assets/icons 下的 index.ts 和 index.scss 引入,新增修改删除图标时只需修改这两个文件即可,方便维护)

夜鹰 8 месяцев назад
Родитель
Сommit
d7ce80cbfe

+ 5 - 3
Web/src/theme/font-awesome/font-awesome.scss → Web/src/assets/icons/font-awesome/font-awesome.scss

@@ -4,9 +4,11 @@
  */
 @font-face {
 	font-family: 'FontAwesome';
-	src: url('/@/theme/font-awesome/fontawesome-webfont.eot?v=4.7.0') format('embedded-opentype'), url('/@/theme/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
-		url('/@/theme/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/@/theme/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
-		url('/@/theme/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+	src: url('./fontawesome-webfont.eot?v=4.7.0') format('embedded-opentype'), 
+         url('./fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
+		 url('./fontawesome-webfont.woff?v=4.7.0') format('woff'), 
+         url('./fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
+		 url('./fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

+ 0 - 0
Web/src/theme/font-awesome/font-awesome.ts → Web/src/assets/icons/font-awesome/font-awesome.ts


+ 0 - 0
Web/src/theme/font-awesome/fontawesome-webfont.eot → Web/src/assets/icons/font-awesome/fontawesome-webfont.eot


+ 0 - 0
Web/src/theme/font-awesome/fontawesome-webfont.svg → Web/src/assets/icons/font-awesome/fontawesome-webfont.svg


+ 0 - 0
Web/src/theme/font-awesome/fontawesome-webfont.ttf → Web/src/assets/icons/font-awesome/fontawesome-webfont.ttf


+ 0 - 0
Web/src/theme/font-awesome/fontawesome-webfont.woff → Web/src/assets/icons/font-awesome/fontawesome-webfont.woff


+ 0 - 0
Web/src/theme/font-awesome/fontawesome-webfont.woff2 → Web/src/assets/icons/font-awesome/fontawesome-webfont.woff2


+ 3 - 2
Web/src/theme/iconfont/font_2298093_rnp72ifj3ba.scss → Web/src/assets/icons/iconfont/font_2298093_rnp72ifj3ba.scss

@@ -1,7 +1,8 @@
 @font-face {
 	font-family: 'iconfont'; /* Project id 2298093 */
-	src: url('/@/theme/iconfont/font_2298093_rnp72ifj3ba.woff2?t=1669683406059') format('woff2'), url('/@/theme/iconfont/font_2298093_rnp72ifj3ba.woff?t=1669683406059') format('woff'),
-		url('/@/theme/iconfont/font_2298093_rnp72ifj3ba.ttf?t=1669683406059') format('truetype');
+	src: url('./font_2298093_rnp72ifj3ba.woff2?t=1669683406059') format('woff2'), 
+         url('./font_2298093_rnp72ifj3ba.woff?t=1669683406059') format('woff'),
+		 url('./font_2298093_rnp72ifj3ba.ttf?t=1669683406059') format('truetype');
 }
 
 .iconfont {

+ 0 - 0
Web/src/theme/iconfont/font_2298093_rnp72ifj3ba.ts → Web/src/assets/icons/iconfont/font_2298093_rnp72ifj3ba.ts


+ 0 - 0
Web/src/theme/iconfont/font_2298093_rnp72ifj3ba.ttf → Web/src/assets/icons/iconfont/font_2298093_rnp72ifj3ba.ttf


+ 0 - 0
Web/src/theme/iconfont/font_2298093_rnp72ifj3ba.woff → Web/src/assets/icons/iconfont/font_2298093_rnp72ifj3ba.woff


+ 0 - 0
Web/src/theme/iconfont/font_2298093_rnp72ifj3ba.woff2 → Web/src/assets/icons/iconfont/font_2298093_rnp72ifj3ba.woff2


+ 2 - 0
Web/src/assets/icons/index.scss

@@ -0,0 +1,2 @@
+@use './iconfont/font_2298093_rnp72ifj3ba.scss' as *;
+@use './font-awesome/font-awesome.scss' as *;

+ 5 - 0
Web/src/assets/icons/index.ts

@@ -0,0 +1,5 @@
+// 图标类名数组
+import { iconfonntClassList } from './iconfont/font_2298093_rnp72ifj3ba';
+import { fontAwesomeClassList } from './font-awesome/font-awesome';
+
+export { iconfonntClassList, fontAwesomeClassList }

+ 1 - 2
Web/src/theme/index.scss

@@ -6,5 +6,4 @@
 @use './media/media.scss' as *;
 @use './waves.scss' as *;
 @use './dark.scss' as *;
-@use './iconfont/font_2298093_rnp72ifj3ba.scss' as *;
-@use './font-awesome/font-awesome.scss' as *;
+@use '../assets/icons/index.scss' as *;

+ 1 - 2
Web/src/utils/getStyleSheets.ts

@@ -1,8 +1,7 @@
 import { nextTick } from 'vue';
 import * as svg from '@element-plus/icons-vue';
 // import 本地样式类名数组
-import { iconfonntClassList } from '/@/theme/iconfont/font_2298093_rnp72ifj3ba';
-import { fontAwesomeClassList } from '/@/theme/font-awesome/font-awesome';
+import { iconfonntClassList, fontAwesomeClassList } from '../assets/icons';
 
 // 获取阿里字体图标
 const getAlicdnIconfont = () => {