30 lines
630 B
Vue
30 lines
630 B
Vue
<script setup lang="ts">
|
||
import FontAwesomeDemo from '@/components/FontAwesomeIcon/demo.vue';
|
||
</script>
|
||
|
||
<template>
|
||
<div class="fontawesome-test-page">
|
||
<h1>FontAwesome 图标测试页面</h1>
|
||
<p>如果看到以下图标正常显示，说明 FontAwesome 配置成功！</p>
|
||
<FontAwesomeDemo />
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped lang="scss">
|
||
.fontawesome-test-page {
|
||
padding: 40px;
|
||
min-height: 100vh;
|
||
background-color: var(--el-bg-color-page);
|
||
|
||
h1 {
|
||
color: var(--el-text-color-primary);
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
p {
|
||
color: var(--el-text-color-regular);
|
||
margin-bottom: 30px;
|
||
}
|
||
}
|
||
</style>
|