{"repo":"yued-fe/lulu","free":true,"listed":false,"github":"https://github.com/yued-fe/lulu","clone":"git clone https://github.com/yued-fe/lulu.git","description":"跨端跨框架的原生 UI 组件库，即插即用","language":"JavaScript","stars":2807,"topics":["lulu","ui","components","lulu-ui-js","javascript","css","web-components","html"],"license":"MIT","category":"ui-components","readme_excerpt":"追本溯源，穿越沉浮 LuLu UI LuLu UI 是阅文集团荣誉出品的前端 UI 组件库。 形象气质如下图，柔软亲近，使用简单灵活，适用场景广泛，适合面向外部用户的 PC 网站，或者中小型的中台项目。 开发 拉取完整项目，包括 gh-pages 分支，然后执行下面的语句即可开发： 也可以只启动某一个主题，例如： 对应主题的演示兼文档页面的本地访问入口： Pure主题：http://localhost:10086/docs/pure/about.use.html Edge主题：http://localhost:10086/docs/edge/about.use.html Hope主题：http://localhost:10086/docs/hope/about.html 此时，修改项目的 JS 和 CSS 文件，刷新对应的组件页面，就可以看到变化的效果了。 注意： 如果执行失败，提示 gh-pages 是无效名称，可以执行下 ，然后在回到 master 分支执行 。 文档页面禁止在 master 分支提交，如果需要推送，请切换到 gh-pages 分支。 使用文档 LuLu UI 中文文档兼演示 （GitHub 托管，访问有延迟，IE8 无法访问） LuLu UI 中文文档兼演示 （国内服务器托管，速度可以，IE8 可以访问） 关于适合使用 LuLu UI 的场景，可以访问下面的视频介绍： 使用教程 LuLu UI 中文教程 上手简单 LuLu 整个项目就是提供一些 UI 组件的 JS 和 CSS，很纯粹的 JS 和 CSS，贴近原生，简单直白，即插即用。 LuLu UI 支持直接引入 CSS 和 JS 文件地址，所有主题通用，例如下面的代码引用了全部的 UI 组件库： 您也可以直接单独引入某一个组件，例如： Edge 主题还支持浏览器原生的 import 引入，例如： 也支持 npm install 后作为包文件使用，例如： 或者是在业务代码中动态引入： LuLu UI 基于原生 HTML 特性构建，因此使用的时候 HTML 还是原来的 HTML，CSS 还是原来的 CSS，无需掌握流行概念，参照文档，复制复制，粘贴粘贴，效果就出来了。 由于 LuLu UI 中的代码基础，结构简单，没有炫技成分，也没有复杂技巧，因此非常适合新人的学习。 使用场景广泛 LuLu UI 既保留了传统插件即插即用的特性，也支持适合多人合作的模块化加载方式，因此适用场景更加广泛。 单人完成的某个简单运营活动页，需要个弹框提示功能，可以直接引入 LuLu UI 中的 Dialog.js，就可以使用了。 某网站看中了 LuLu UI 某一个组件，例如日期选择功能，想拿过来使用， 引入日期选择JS，然后就可以使用了。 对于多人合作大型项目，可以基于 AMD/CMD 规范，或者 ES6 原生的 import/export 进行模块化加载与开发。 对于 Vue 或者 React 项目，想要使用某个组件，但又不希望引入一大堆东西，则 LuLu UI 非常合适，支持 Vue/React 单独引入（见下方使用示意）。 在Vue/React中使用 安装： Vue/React 项目建议使用Edge主题。 在 Vue-CLI 环境中： React 框架中： Svelte 框架中： 成熟 LuLu UI 诞生于 2015 年，非 KPI 项目，服务于真实业务场景，会一直不断迭代，不要担心遇到问题会无人问津。 开源是件严肃的事情，LuLu UI 一直认为，如果组件还没有达到不动如山的境地，那就","default_branch":null,"files":null,"tree":[],"storefront":"/r/yued-fe","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/yued-fe/lulu/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}