iview-mpvue
  • 首页
  • 布局
    • Layout 栅格布局
    • Grid 宫格
    • Panel 面板
    • List 列表
    • Card 卡片
  • 基础组件
    • Button 按钮
    • Color 色彩
    • Icon 图标
  • 导航
    • TabBar 标签栏
    • Tabs 标签页
    • Drawer 抽屉
    • Page 分页
    • Steps 步骤条
    • NoticeBar 通告栏
    • Index 索引选择器
    • Sticky 吸顶容器
  • 操作反馈
    • ActionSheet 动作面板
    • Toast 轻提示
    • Modal 对话框
    • Message 全局提醒
    • Spin 加载中
    • Swipeout 滑动菜单
  • 视图
    • Badge 徽章
    • Alert 警告提示
    • Tag 标签
    • Progress 进度条
    • Avatar 头像
    • CountDown 倒计时
    • Divider 分隔符
    • Collapse 折叠面板
    • LoadMore 页底提示
  • 表单
    • Input 输入框
    • Radio 单选
    • Checkbox 复选
    • Switch 开关
    • Rate 评分
    • InputNumber 数字输入框
Powered by GitBook
On this page
  • 使用指南
  • 示例
  • API
  • 图标

Was this helpful?

  1. 基础组件

Icon 图标

使用指南

在.vue中引入组件

<script>
    import icon from 'iview-mpvue/dist/components/icon/icon'
    export default {
        components: {
            'i-icon': icon
        }
    }
</script>

在main.js中引入样式文件

import 'iview-mpvue/dist/components/icon/style/css'

示例

<i-icon type="activity" size="28" color="#80848f" />

API

Icon properties

属性

说明

类型

默认值

type

图标的名称

String

-

size

图标的大小,单位是 px

Number

-

color

图标的颜色

String

-

custom

自定义图标

String

-

图标

PreviousColor 色彩NextTabBar 标签栏

Last updated 5 years ago

Was this helpful?

https://weapp.iviewui.com/components/icon#%E5%9B%BE%E6%A0%87weapp.iviewui.com