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

司徒永超
 司徒永超
发布于 2019年10月09日
收藏 8

更新日志

问题修复:

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

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:LC Design 1.0.0 发布,业余级 UI 组件库
加载中

精彩评论

ruki
ruki
赞!
程序人生2015
程序人生2015
咋感觉就是Ant Design啊😂
平原君
平原君
厉害啊,终于找到一个自带比较好看的控件的UI包了
慕枫java
慕枫java
“业余级”用的好!!!有些一来就企业级,谁给评的

最新评论(10

ruki
ruki
赞!
程序人生2015
程序人生2015
咋感觉就是Ant Design啊😂
司徒永超
司徒永超
是的 message, notification, checkbox, switch, radio 就是照着 Ant Desgin 搞的。
平原君
平原君
厉害啊,终于找到一个自带比较好看的控件的UI包了
慕枫java
慕枫java
“业余级”用的好!!!有些一来就企业级,谁给评的
司徒永超
司徒永超
被很多企业用在线上产品中就可以自称企业级了。
司徒永超
司徒永超
最下面的 lcpkg 的安装方式写错了,现在不支持从 gitee.com 下载依赖包,应该改成 github.com。
木有龙井茶
木有龙井茶
业余级-_-||
山哥
山哥
为什么要重新设计呢?为什么不在 bootstrap 上修改
司徒永超
司徒永超
CSS 代码就是基于 Bootstrap 的啊,有些组件 Bootstrap 没有,就重新搞了。
返回顶部
顶部