Lin UI(高质量UI组件库)v0.9.4官方版

LinUI是一个基于微信小程序原生语法的高质量UI组件库。它遵循简单、易用、美观的设计规范。与其他组件库不同的是，我们除了提供基础组件之外，还提供wxs模块。高级组件、电商组件模块等

Lin UI是一个基于微信小程序原生语法的高质量UI组件库。它遵循简单、易用、美观的设计规范。与其他组件库不同的是，我们除了提供基础组件外，还提供wxs模块、高级组件、电商组件模块等。

软件特点

简单易用

组件使用微信小程序原生语法编写。您只需要熟悉基本的HTML、CSS、JavaScript以及微信小程序相关知识即可上手开发。同时，您可以一次加载所有代码，也可以选择仅加载所使用的特定代码。一些组件的代码。

规范统一

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

丰富的文档

为了让更多的开发者从一开始就能够熟练使用Lin-UI开发自己的小程序应用，我们对各个组件的属性、事件、用法、案例进行了详细的描述。

扩展性强

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

支持第三方库框架

支持第三方框架，taro，mpvue。

指示

快速开始：

安装

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

npm 初始化-y

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

2.安装Lin UI

npm i lin-ui

3.配置微信开发者工具。要正确安装Lin UI，需要勾选微信开发者工具的使用npm模块选项。

设置路径：微信开发者工具右上角-详细信息-本地设置

4. 构建NPM模块。微信开发者工具配置完成后，还需要构建NPM模块。

按钮位置：微信开发者工具顶部-工具-构建npm

介绍

1.配置微信开发者工具

要正确使用Lin UI，需要勾选微信开发者工具的Es6转ES5和增强编译选项。

设置路径：微信开发者工具右上角-详细信息-本地设置

2.引入页面

{

'使用组件'：{

'l-button':'/miniprogram_npm/lin-ui/button/index'

}

}

3、页面中使用

(l-button type='default')默认按钮(/l-button)

我们建议您在引入Lin UI 组件时，都应采用l-{组件名称} 格式命名。遵循这个规范将使你的项目代码更加清晰。

至此，Lin UI已经成功引入到你的项目中了！