perf: 将本地图标全部按需引入,首屏加载减少 61 个图标资源,首屏加载再次变快 (#389)

* perf: 优化图标,将本地图标按需引入,首屏加载减少 `61` 个图标资源,首屏加载再次变快
This commit is contained in:
RealityBoy
2022-11-30 12:39:12 +08:00
committed by GitHub
parent d2b1bd5b44
commit c7ab236e10
63 changed files with 4761 additions and 2259 deletions

View File

@@ -1,4 +1,6 @@
import { IconifyIconOffline } from "@/components/ReIcon";
import ArrowRightSLine from "@iconify-icons/ri/arrow-right-s-line";
import CloseCircleLine from "@iconify-icons/ri/close-circle-line";
export function useColumns() {
const columns = [
@@ -7,7 +9,7 @@ export function useColumns() {
return (
<span class="flex items-center -mt-6">
<IconifyIconOffline
icon="close-circle-line"
icon={CloseCircleLine}
color="#F56C6C"
width="18px"
height="18px"
@@ -20,7 +22,7 @@ export function useColumns() {
>
<IconifyIconOffline
icon="arrow-right-s-line"
icon={ArrowRightSLine}
color="var(--el-color-primary)"
width="18px"
height="18px"
@@ -35,7 +37,7 @@ export function useColumns() {
return (
<span class="flex items-center -mt-8">
<IconifyIconOffline
icon="close-circle-line"
icon={CloseCircleLine}
color="#F56C6C"
width="18px"
height="18px"
@@ -48,7 +50,7 @@ export function useColumns() {
>
<IconifyIconOffline
icon="arrow-right-s-line"
icon={ArrowRightSLine}
color="var(--el-color-primary)"
width="18px"
height="18px"