You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
532 B
Vue
25 lines
532 B
Vue
<template>
|
|
<el-card header="Iconfont示例">
|
|
<i
|
|
v-for="icon in iconList"
|
|
:key="icon"
|
|
class="iconfont"
|
|
:class="`${icon}`"
|
|
></i>
|
|
</el-card>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue';
|
|
|
|
const iconList = ref();
|
|
iconList.value = ['icon-yinhangka', 'icon-tupian', 'icon-RectangleCopy', 'icon-RectangleCopy1', 'icon-RectangleCopy2', 'icon-RectangleCopy3'];
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.iconfont {
|
|
font-size: 48px;
|
|
color: #333;
|
|
}
|
|
</style>
|