twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-21 14:13:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/welcome/components/columns.tsx
View File

@@ -1,5 +1,11 @@
import { IconifyIconOffline } from "@/components/ReIcon";
import TypeIt from "@/components/ReTypeit";
import OfficeBuilding from "@iconify-icons/ep/office-building";
import Tickets from "@iconify-icons/ep/tickets";
import Location from "@iconify-icons/ep/location";
import Iphone from "@iconify-icons/ep/iphone";
import Notebook from "@iconify-icons/ep/notebook";
import User from "@iconify-icons/ri/user-3-fill";
export function useColumns() {
const lists = [
@@ -15,7 +21,7 @@ export function useColumns() {
labelRenderer: () => (
<div class="flex items-center">
<el-icon>
<IconifyIconOffline icon="user" />
<IconifyIconOffline icon={User} />
</el-icon>
用户名
</div>
@@ -26,7 +32,7 @@ export function useColumns() {
labelRenderer: () => (
<div class="flex items-center">
<el-icon>
<IconifyIconOffline icon="iphone" />
<IconifyIconOffline icon={Iphone} />
</el-icon>
手机号
</div>
@@ -37,7 +43,7 @@ export function useColumns() {
labelRenderer: () => (
<div class="flex items-center">
<el-icon>
<IconifyIconOffline icon="location" />
<IconifyIconOffline icon={Location} />
</el-icon>
居住地
</div>
@@ -51,7 +57,7 @@ export function useColumns() {
labelRenderer: () => (
<div class="flex items-center">
<el-icon>
<IconifyIconOffline icon="tickets" />
<IconifyIconOffline icon={Tickets} />
</el-icon>
标签
</div>
@@ -70,7 +76,7 @@ export function useColumns() {
labelRenderer: () => (
<div class="flex items-center">
<el-icon>
<IconifyIconOffline icon="office-building" />
<IconifyIconOffline icon={OfficeBuilding} />
</el-icon>
联系地址
</div>
@@ -84,7 +90,7 @@ export function useColumns() {
labelRenderer: () => (
<div class="flex items-center">
<el-icon>
<IconifyIconOffline icon="notebook" />
<IconifyIconOffline icon={Notebook} />
</el-icon>
好好学习，天天向上
</div>