<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>
