LinUI是一套基于微信小程序原生语法实现的高质量UI组件库,遵循简洁、易用、美观的设计规范,与其他组件库不同的是,我们除了提供基本的组件外,还会提供wxs模块、高级组件、电商组件模块等等。
软件特色
简单易用
组件采用微信小程序的原生语法编写,只需要熟悉初级的HTML、CSS、JavaScript和微信小程序相关知识就能上手开发,同时既可以一次性加载所有的代码,也可以选择只加载使用到的某些组件的代码。
规范统一
遵循统一的设计规范,接口标准和事件冒泡机制,减少开发者查阅文档的时间成本,提升开发效率。
文档丰富
为了能让更多开发者接触之初,就能够熟练的用Lin-UI开发自己的小程序应用,我们对每个组件的属性、事件、用法、和案例上都做了详尽的描述。
扩展性强
支持按需引入和自定义的主题色,生成多种风格,满足个性化产品需求;同时还具有很强的扩展性,轻松实现组件的二次开发。
支持第三方库框架
支持第三方框架,taro,mpvue。
使用方法
快速上手:
安装
1、初始化你的项目为一个NPM项目
npminit-y
若项目根目录已包含package.json文件,则可跳过该步骤
2、安装LinUI
npmilin-ui
3、配置微信开发者工具要正确安装LinUI,需将微信开发者工具的使用npm模块选项勾选上
设置路径:微信开发者工具右上角->详情->本地设置
4、构建NPM模块微信开发者工具配置完成以后,还需进行一次NPM模块的构建
按钮位置:微信开发者工具顶部->工具->构建npm
引入
1、配置微信开发者工具
要正确使用LinUI,需将微信开发者工具的Es6转ES5和增强编译选项勾选上
设置路径:微信开发者工具右上角->详情->本地设置
2、在页面中引入
{
"usingComponents":{
"l-button":"/miniprogram_npm/lin-ui/button/index"
}
}
3、在页面中使用
(l-buttontype="default")默认按钮(/l-button)
我们建议你在引入LinUI组件时,都统一命名为l-{组件名}格式,遵循此规范将使你的项目代码更加清晰
至此,LinUI已成功引入至你的项目中了!
- BubbleTea(Go语言框架)v0.17.0官方版源码相关
- LogonTracer(恶意登录分析工具)v1.5.4官方版源码相关
- W5SOAR(自动化响应平台)v0.4官方版源码相关
- ScheduleMaster(分布式任务调度系统)v2.2官方版源码相关
- fasthttp(快速HTTP包)v1.24.0官方版源码相关
- FlatBuffers(序列化库)v2.0.0官方版源码相关
- Exifr(EXIF读取库)v7.0.0官方版源码相关
- Wendasns(问答社区系统)v1.1.5官方版源码相关
- indicators(进度条库)v2.2官方版源码相关
- Slidev(开发幻灯片展示)v0.4.0官方版源码相关
- lamp-cloud(微服务快速开发平台)v3.2.0官方版源码相关
- formily(高性能表单解决方案)v1.3.7官方版源码相关
- migrid(网格中间件)v1.9.0官方版源码相关
- CODO(自动化运维云管理平台)v0.2官方版源码相关
- Sourcetrail(源码资源管理器)v2021.1.30官方版源码相关
- irrXML(开源xml解析工具)v1.2官方版源码相关
- 排名
- 软件
- 人气
- 下载