lin ui

Chinese Documentation | Official Tutorial

Lin UI, not just an UI component library!
A set of high-quality UI component libraries based on the native syntax of WeChat mini programs.

---

Table of contents

• Table of contents
• Introduction
• Get started quickly
  • Install
  • introduce
• Discussion and exchange
• Contribute code
• Open source agreement

Introduction

Lin UI is a set of high-quality UI component libraries based on the native syntax of WeChat mini programs . Follow the design specifications of simplicity, ease of use, and beauty.

Get started quickly

Be sure to check增强编译, Es6 转ES5 and使用npm 模块options , refer to the picture

Install

1. Initialize your project as an NPM project

    npm init -y
   

   If the project root directory already contains the package.json file, you can skip this step.

2. Install Lin UI

    npm i lin-ui
   

3. Configuring WeChat Developer Tools To correctly install Lin UI, you need to check all the following three options of WeChat Developer Tools, refer to the picture

   • 使用npm 模块
   • 增强编译
   • ES6 转ES5

   Setting path: upper right corner of WeChat Developer Tools -> Details -> Local Settings

4. Building the NPM module After the WeChat developer tools are configured, you still need to build the NPM module.

   Button location: Top of WeChat Developer Tools -> Tools -> Build npm

If you do not have a Node.js environment locally and cannot install it using NPM, you can install it using source code.

introduce

1. Configure WeChat developer tools

   • To use Lin UI correctly, you need to check Es6 转ES5 and增强编译options in the WeChat developer tools.

     Setting path: upper right corner of WeChat Developer Tools -> Details -> Local Settings

   • Set the base library version to >=2.8.2

2. introduced in the page

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

3. Use in the page

    < l-button type =" default " >默认按钮</ l-button >

   We recommend that when you introduce Lin UI components, they should all be named in the l-{组件名} format. Following this specification will make your project code clearer.

   At this point, Lin UI has been successfully introduced into your project!

Discussion and exchange

Contribute code

Our code is developed based on the develop branch, and you are welcome to submit Pull Requests for code contributions.

Before submitting a Pull Request, please read our development specifications in detail, otherwise the Pull Request may be closed due to non-standard Commit information and other reasons.

Open source agreement

MIT © 2020 There is wind in the forest