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

    • 介绍
      • 基本介绍
      • 文档说明
    • 快速使用
  • 基础元素

    • 布局
    • 背景
    • 文本
    • 图标
    • 按钮
    • 标签
    • 头像
    • 进度条
    • 边框阴影
    • 加载
  • 交互组件

    • 操作条

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

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

介绍

温馨提示

本文档并非是官方文档,而是本人自己经常使用 Color UI,但是又找不到一个满意的文档,不如自己搭建一个文档,自己使用方便的同时也方便大家使用。

# 基本介绍

Color UI 我想大家都知晓吧,我就不过多阐述了,是 文晓港 大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的 Css 组件库.,属于出道即巅峰的史诗级大作,众所周知,万物皆可 Color UI,很多人用 Color UI 做了不少精美的项目,我也一样,在此再次感谢作者。

ColorUI Github地址 (opens new window)

ColorUI 插件市场 (opens new window)

ColorUI 在线展示 (opens new window) 因为右侧的h5是用iframe来嵌入的,因此字体和极小一部分的样式会有出入,文档里只做展示,比较完整的样式,点这里查看。

微信扫码预览h5

# 文档说明

文档左侧目录,基础元素、交互组件、插件扩展分别对应,Color UI 底部对应的三个大模块,而三个模块下二级目录,也分别对应三个页面里的模块,点击目录右侧会跳转到对应的页面。

在查看文档的同时,可以根据右侧预览图对比当前查看模块的预览效果

# 视图/目录 切换

点击h5预览模板左上角的切换视图,可以随心所欲切换目录/视图,方便快速定位需要查找的内容

上次更新: 2024/05/01, 23:17:58
快速使用

快速使用→

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