LC Design 1.0.0 发布，业余级 UI 组件库

内容简介：更新日志 问题修复： .active 样式污染 (25c64d4) 移除不受支持的 “!important” 关键字 (f212f54) 新功能： 添加多选框（Checkbox）组件 (b4d6b63) 添加布局相关的实用类 (d5a55ec) 添加全局提示（Message）组件...

更新日志

问题修复：

• .active 样式污染 (25c64d4)
• 移除不受支持的 “!important” 关键字 (f212f54)

新功能：

• 添加多选框（Checkbox）组件 (b4d6b63)
• 添加布局相关的实用类 (d5a55ec)
• 添加全局提示（Message）组件 (343a3df)
• 添加通知提醒框（Notification）组件 (a8885c5)
• 添加单选框（Radio）组件 (b259bad)
• 添加评分（Rate）组件 (e036f13)
• 添加加载中（Spinner）组件 (70ff5ef)
• 添加开关（Switch）组件 (b28c219)
• 添加提示（Tooltip）组件 (ea4b744)
• 启用圆角边框 (c59f6f8)
• 更新主视图样式 (c0a8b23)
• 使用 text 代替 textview (9f557f6)

新的组件

新组件的设计参考自 Bootstrap、Ant Design 和 Element UI，这里就不做多余的说明了，直接看效果图：

新的体验方式

新增了以下两种方式方便用户快速上手：

• 克隆并运行 lcui/lc-design-app 示例应用以快速预览 LC Design 的示例效果

  # 克隆这个仓库
  git clone https://gitee.com/lc-ui/lc-design-app
  
  # 进入仓库
  cd lc-design-app
  
  # 安装 NodeJS 依赖包
  npm install
  
  # 安装适用于 x64 CPU 架构的 C/C++ 依赖库
  lcpkg install --arch x64
  
  # 以调试模式运行应用程序
  lcpkg run start --mode debug
  

• 用 lcpkg 安装

  # 按照默认选项来安装
  lcpkg install gitee.com/lc-ui/lc-design
  
  # 如果你需要适用于 x64 CPU 架构的版本
  lcpkg install gitee.com/lc-ui/lc-design --arch x64
  
  # 如果你需要适用于 Windows 通用应用平台(UWP) 的版本
  lcpkg install gitee.com/lc-ui/lc-design --arch x64 --platform uwp
  

注意： 上面用到的 工具 适合在 Windows 环境下使用，如果你是 Linux 系统，请手动从源码编译安装 LCUI 和 LC Design。

以上所述就是小编给大家介绍的《LC Design 1.0.0 发布，业余级 UI 组件库》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

查看所有标签

猜你喜欢:

• React 组件库 uiw 1.5.1 发布，新增 2 个组件
• Vue 组件库 HeyUI@1.17.0 发布，新增 Skeleton 组件
• React 组件库 uiw 3.3.0 发布，组件增强了呢
• Vue 组件库 heyui@1.18.0 发布，新增地址选择、图片预览组件
• Hyperf 发布国际化组件及多个组件 v1.0.13 版本
• React 组件库 uiw 3.4.0 发布，Tree组件增强了呢

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。