Lin UI:基于微信小程序原生语法的组件库,提供电商模块与高级组件,提升开发效率

2025-01-26
来源:网络整理

Lin UI是一个基于微信小程序原生语法的组件库。遵循简单易用的设计规范。

与其他组件库不同,Lin UI除了提供基础组件外,还提供WXS模块、高级组件、电商组件模块等。比如电商项目中的SKU联动选品、城市选品设备等。

特征

这些组件是用微信小程序的原生语法编写的。只需要熟悉初级的HTML、CSS、微信小程序相关知识即可开发。同时 组件的代码。

遵循统一的设计规范、接口标准和事件冒泡机制,减少开发人员检查文档的时间成本,提高开发效率。

为了让更多的开发者能够接触到Lin-UI的应用,我们可以使用Lin-UI来开发自己的小程序应用。我们对每个组件的属性、事件、用法、案例进行了详细的描述。

支持按需引入和定制主题色,生成多种风格,满足个性化产品需求;同时还具有很强的扩展性,轻松实现组件的二次开发。

支持第三方框架,taro等。

快速安装

1. 将您的项目初始化为 NPM 项目:

npm init -y

小程序原生开发与第三方框架选择_三方框架下载_第三方开源框架

如果项目根目录已经包含.json文件,则可以跳过此步骤

2.安装lin ui:

npm i lin-ui

3、配置微信开发者工具,如果必须正确安装Lin UI,则需要将微信开发者工具的以下三个选项全部勾选:

设置路径:右上角微信开发者工具->详情->本地设置

4、构建NPM模块微信开发者工具配置后,需要构建NPM模块

按钮位置:微信开发者工具顶部->工具->构建NPM

介绍

1.配置微信开发者工具

2.在页面中引入

{
  "usingComponents":{
    "l-button":"/miniprogram_npm/lin-ui/button/index"
  }
}

3、页面中使用

 type="default">默认按钮

组件样式按钮

卡卡

模态框架

台阶栏

门户网站

分享