iview/viewUI库组件封装学习——icon

最新推荐文章于 2025-05-01 19:00:01 发布

木有是我

最新推荐文章于 2025-05-01 19:00:01 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： iview 文章标签： css javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_45440813/article/details/114003973

本文聚焦于iview/viewUI库的icon组件封装，通过源码分析，介绍了组件的使用方法、参数细节。包括type参数如何决定图标显示，size和color参数如何影响样式，以及custom属性在添加自定义全局class样式中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

致力于提升组件封装思路，向iview组件库贡献大神学习day01：icon组件
先上源码，然后总结使用方法和亮点学习

<template>
    <i :class="classes" :style="styles" @click="handleClick"></i>
</template>
<script>
    const prefixCls = 'ivu-icon';

    export default {
   
   
        name: 'Icon',
        props: {
   
   
            type: {
   
   
                type: String,
                default