Lin UI是一套基于微信小程序原生语法的高质量UI组件库,遵循简单、易用、美观的设计规范。与其他组件库不同的是,除了basic 组件之外,我们还会提供wxs模块和WXS模块。
软件特色
简单易用
组件用微信小程序原生语法写的,只需要熟悉HTML、CSS、JavaScript和微信小程序的基础知识就可以入门。同时,您可以一次加载所有代码,也可以选择只加载您使用的组件代码中的一部分。
规范性统一
遵循统一的设计规范、接口标准和事件气泡机制,减少开发人员查阅文档的时间成本,提高开发效率。
文档丰富
为了让更多的开发者能够在一开始就熟练的用Lin-UI开发自己的小程序应用,我们对每一个组件的属性、事件、用法、案例都做了详细的描述。
扩展性强
支持按需引入和定制主题颜色,生成多种风格,满足个性化产品需求;同时具有很强的扩展性,可以轻松实现组件的二次开发。
支持第三方库框架
支持第三方框架,taro,mpvue。
施用方式
快速入门:
固定
1.将您的项目初始化为NPM项目。
npm初始化-y
如果项目根目录已经包含package.json文件,可以跳过这一步。
2.安装Lin用户界面
npm i lin-ui
3.要在配置微信开发者工具时正确安装Lin UI,需要勾选微信开发者工具中使用npm模块的选项。
设置路径:微信开发者工具右上角-& gt;详细信息-& gt;本地设置
4.搭建NPM模块微信开发者工具配置完成后,需要重新搭建NPM模块。
按钮位置:微信开发者工具顶部-& gt;工具-& gt;构建国家预防机制
引入/介绍
1.配置微信开发者工具
要正确使用Lin UI,需要查看微信开发者工具的Es6到ES5和增强编译选项。
设置路径:微信开发者工具右上角-& gt;详细信息-& gt;本地设置
2.在页面中介绍
{
"使用组件& quot:{
"l按钮& quot:& quot/mini program _ NPM/Lin-ui/button/index & quot;
}
}
3.在页面中使用
(l-button type = & quot;默认& quot)默认按钮(/l按钮)
我们建议大家在引入Lin UI 组件时,统一命名为l-{组件 Name}格式。遵循这个规范将使你的项目代码更加清晰。
至此,Lin UI已经成功引入到您的项目中了!
Lin UI(高质量UI组件库)相关下载
- 查看详情OpenHarmony(开源鸿蒙系统)简体2024-07-23
- 查看详情Unirest(HTTP请求库)简体2024-06-23
- 查看详情G6(图可视化引擎)简体2024-06-19
- 查看详情spring4.0源码简体2024-06-17
- 查看详情金梅收费电影程序2003 会员版 S_CXV简体2024-06-17
- 查看详情 OpenHarmony(开源鸿蒙系统) 简体 2024-07-23
- 查看详情 Unirest(HTTP请求库) 英文 2024-06-23
- 查看详情 G6(图可视化引擎) 简体 2024-06-19
- 查看详情 spring4.0源码 简体 2024-06-17
- 查看详情 金梅收费电影程序2003 会员版 S_CX 简体中文 2024-06-17
- 查看详情 ProtoPie 简体 2024-07-23
- 查看详情 raptor 简体 2024-07-23
- 查看详情 Android逆向助手 简体 2024-07-23