添加字体图标库
This commit is contained in:
parent
09e4181b6e
commit
d3e29a51f0
@ -1,9 +1,13 @@
|
|||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="//at.alicdn.com/t/c/font_5110769_a4xbgfd1kog.css"
|
||||||
|
/>
|
||||||
<title>tyt-admin</title>
|
<title>tyt-admin</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
<script setup lang='ts'>
|
<script setup lang='ts'>
|
||||||
import Sidebar from "./components/Sidebar.vue";
|
import Sidebar from "./components/Sidebar.vue";
|
||||||
import Navbar from "./components/Navbar.vue";
|
import Navbar from "./components/Navbar.vue";
|
||||||
import Appmain from "./components/Appmain.vue";
|
import Appmain from "./components/AppMain.vue";
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="layout">
|
<div class="layout">
|
||||||
|
|||||||
59
src/assets/font/iconfont.css
Normal file
59
src/assets/font/iconfont.css
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "iconfont"; /* Project id 5110769 */
|
||||||
|
src: url('iconfont.woff2?t=1768459731102') format('woff2'),
|
||||||
|
url('iconfont.woff?t=1768459731102') format('woff'),
|
||||||
|
url('iconfont.ttf?t=1768459731102') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
font-family: "iconfont" !important;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-zongshu:before {
|
||||||
|
content: "\e71e";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-renwuzongshu:before {
|
||||||
|
content: "\e64c";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-yisheng:before {
|
||||||
|
content: "\e6b2";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-shujugailan:before {
|
||||||
|
content: "\e600";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-huanzheguanli:before {
|
||||||
|
content: "\e639";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-tongji:before {
|
||||||
|
content: "\e856";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-shebeigailan:before {
|
||||||
|
content: "\e77e";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-equhome:before {
|
||||||
|
content: "\e601";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-bijijilu:before {
|
||||||
|
content: "\e6f3";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-shebeipinpai:before {
|
||||||
|
content: "\e699";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-shebeipinpai1:before {
|
||||||
|
content: "\e684";
|
||||||
|
}
|
||||||
|
|
||||||
BIN
src/assets/font/iconfont.ttf
Normal file
BIN
src/assets/font/iconfont.ttf
Normal file
Binary file not shown.
BIN
src/assets/font/iconfont.woff
Normal file
BIN
src/assets/font/iconfont.woff
Normal file
Binary file not shown.
BIN
src/assets/font/iconfont.woff2
Normal file
BIN
src/assets/font/iconfont.woff2
Normal file
Binary file not shown.
@ -6,6 +6,7 @@ import ElementPlus from "element-plus";
|
|||||||
import "element-plus/dist/index.css";
|
import "element-plus/dist/index.css";
|
||||||
import zhCn from "element-plus/es/locale/lang/zh-cn";
|
import zhCn from "element-plus/es/locale/lang/zh-cn";
|
||||||
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
|
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
|
||||||
|
import "@/assets/font/iconfont.css";
|
||||||
|
|
||||||
const app = createApp(App);
|
const app = createApp(App);
|
||||||
// 全局注册icon图标
|
// 全局注册icon图标
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user