展开
Lin UI是一套基于微信小程序原生语法实现的高质量UI组件库,遵循简洁、易用、美观的设计规范,与其他组件库不同的是,我们除了提供基本的组件外,还会提供wxs模块、高级组件、电商组件模块等等。
快速上手:
安装
1、初始化你的项目为一个 NPM 项目
npm init -y
若项目根目录已包含 package.json 文件,则可跳过该步骤
2、安装 Lin UI
npm i lin-ui
3、配置微信开发者工具 要正确安装 Lin UI,需将微信开发者工具的 使用 npm 模块 选项勾选上
设置路径:微信开发者工具右上角 -> 详情 -> 本地设置
4、构建 NPM 模块 微信开发者工具配置完成以后,还需进行一次 NPM 模块的构建
按钮位置:微信开发者工具顶部 -> 工具 -> 构建 npm
引入
1、配置微信开发者工具
要正确使用 Lin UI,需将微信开发者工具的 Es6 转 ES5 和 增强编译 选项勾选上
设置路径:微信开发者工具右上角 -> 详情 -> 本地设置
2、在页面中引入
{
"usingComponents":{
"l-button":"/miniprogram_npm/lin-ui/button/index"
}
}
3、在页面中使用
(l-button type="default")默认按钮(/l-button)
我们建议你在引入 Lin UI 组件时,都统一命名为 l-{组件名} 格式,遵循此规范将使你的项目代码更加清晰
至此,Lin UI 已成功引入至你的项目中了!
简单易用
组件采用微信小程序的原生语法编写,只需要熟悉初级的 HTML 、 CSS 、 JavaScript 和 微信小程序 相关知识就能上手开发,同时既可以一次性加载所有的代码,也可以选择只加载使用到的某些组件的代码。
规范统一
遵循统一的 设计规范 ,接口标准 和 事件冒泡机制 ,减少开发者查阅文档的时间成本,提升开发效率。
文档丰富
为了能让更多开发者接触之初,就能够熟练的用Lin-UI开发自己的小程序应用,我们对每个组件的 属性 、 事件 、用法 、和 案例 上都做了详尽的描述。
扩展性强
支持 按需引入 和 自定义的主题色 ,生成多种风格,满足个性化产品需求;同时还具有很强的 扩展性 ,轻松实现组件的二次开发。
支持第三方库框架
支持第三方框架,taro,mpvue。
加载全部内容
猿编程电脑客户端86M26065人在玩很多家长想要培养孩子的思维能力,让孩子使...
下载易简玖大猫运行库合集正式版971M14216人在玩如果您是游戏开发人员的话可以试试这款易简...
下载黑群晖DSM7.0iso镜像版216M13801人在玩各位编程行业的朋友们注意了,黑群晖DSM...
下载Pageoffice序列号10K5714人在玩Pageoffice是很贵的一款软件了...
下载pageoffice永久免费版30M5587人在玩小伙伴们我掐指一算,你可能缺少一款pag...
下载hyperMILL2019特别版4G4237人在玩各位编程加工行业的朋友们注意了,这款hy...
下载GC POWERSTATION中文版11M2849人在玩如果您在寻找一款功能强大的PCB设计后期...
下载Keil ARM MDK5永久免费版713M2792人在玩各位编程行业的小伙伴们注意了,KeilA...
下载Toad for Oracle中文补丁3M2584人在玩使用ToadforOracle这款编程软...
下载Matlab 2014a完整版6G2558人在玩Matlab2014a完整版附带安装密钥...
下载