LinUI v0.9.4官方版

【LinUI】用户界面是一个高质量的UI组件库，它基于微信小程序的原生语法实现，遵循简洁、易用、美观的设计规范，不像其他的组件库，我们除了提供基本的组件之外，还将提供wxs模块、高级组件、电子组件模块等等。

【LinUI】软件特性

★使用简便方便

该组件采用微信小程序的本机语法编写，只需熟悉基本的HTML、CSS、JavaScript和微信小程序相关知识即可上手开发，同时，所有的代码都可以一次加载，或者选择只加载使用的特定组件。

★统一规范

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

★文件丰富

为使更多开发者能够在开始时就使用Lin-UI熟练地开发自己的小程序应用程序，我们在属性、事件、用法、以及每个组件的情况等方面做了详尽的介绍。

★扩展性强

可以根据需要定制主题颜色，产生多种风格，满足个性化产品需求；同时具有很强的可扩展性，便于组件二次开发。

★支持第三方库框架

第三方框架，taro,mpvue。

【LinUI】用法

快速上手：

安装

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 已成功引入至你的项目中了！