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

更新日志

问题修复:

  • .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)

新的组件

新组件的设计参考自 BootstrapAnt Design 和 Element UI,这里就不做多余的说明了,直接看效果图:

LC Design 组件库预览

新的体验方式

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

  • 克隆并运行 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。

猜你喜欢

转载自www.oschina.net/news/110433/lcdesign-1-0-0-released