ColorUI 使用文档 ColorUI 使用文档
文档
GitHub (opens new window)
文档
GitHub (opens new window)
  • 快速开始

    • 介绍
    • 快速使用
  • 基础元素

    • 布局
    • 背景
    • 文本
    • 图标
      • 引入样式
      • 使用语法
    • 按钮
    • 标签
    • 头像
    • 进度条
    • 边框阴影
    • 加载
  • 交互组件

    • 操作条

      • 底部操作条
      • 标题操作条
      • 顶部操作条
      • 搜索&按钮组&输入操作条
    • 导航栏
    • 列表
    • 卡片
    • 表单
    • 时间轴
    • 聊天
    • 轮播
    • 模态框
    • 步骤条
  • 插件扩展

    • 索引列表
    • 微动画
    • 全屏抽屉
    • 垂直导航
  • 视图模式
  • 目录模式
目录

图标

温馨提示

点击右侧图标页面,对应的图标,即可复制类名:cuIcon-图标名称

# 引入样式

编辑 App.vue文件在<style> 项引入 icon.css

<style>
    @import "colorui/main.css";
    @import "colorui/icon.css";
</style>

# 使用语法

<标签 class="cuIcon-图标名称"></标签>
上次更新: 2024/05/01, 21:37:52
文本
按钮

← 文本 按钮→

Theme by Vdoing | Copyright © 2022-2024 miren | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式