lin ui

Documentación china | Tutorial oficial

¡Lin UI, no solo una biblioteca de componentes de UI!
Un conjunto de bibliotecas de componentes de interfaz de usuario de alta calidad basadas en la sintaxis nativa de los miniprogramas WeChat.

---

Tabla de contenido

• Tabla de contenido
• Introducción
• Comience rápidamente
  • Instalar
  • introducir
• Discusión e intercambio
• Código de contribución
• Acuerdo de código abierto

Introducción

Lin UI es un conjunto de bibliotecas de componentes de UI de alta calidad basadas en la sintaxis nativa de los miniprogramas WeChat . Siga las especificaciones de diseño de simplicidad, facilidad de uso y belleza.

Comience rápidamente

Asegúrese de verificar增强编译, Es6 转ES5 y使用npm 模块, consulte la imagen

Instalar

1. Inicialice su proyecto como un proyecto NPM

    npm init -y
   

   Si el directorio raíz del proyecto ya contiene el archivo package.json, puede omitir este paso.

2. Instalar la interfaz de usuario de Lin

    npm i lin-ui
   

3. Configuración de las herramientas de desarrollo de WeChat Para instalar correctamente Lin UI, debe marcar las siguientes tres opciones de las herramientas de desarrollo de WeChat, consulte la imagen

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

   Ruta de configuración: esquina superior derecha de WeChat Developer Tools -> Detalles -> Configuración local

4. Creación del módulo NPM Después de configurar las herramientas de desarrollo de WeChat, aún necesita crear el módulo NPM.

   Ubicación del botón: Parte superior de las herramientas para desarrolladores de WeChat -> Herramientas -> Construir npm

Si no tiene un entorno Node.js localmente y no puede instalarlo usando NPM, puede instalarlo usando el código fuente.

introducir

1. Configurar las herramientas de desarrollo de WeChat

   • Para utilizar Lin UI correctamente, debe verificar Es6 转ES5 y las opciones增强编译en las herramientas de desarrollo de WeChat.

     Ruta de configuración: esquina superior derecha de WeChat Developer Tools -> Detalles -> Configuración local

   • Establezca la versión de la biblioteca base en >=2.8.2

2. introducido en la pagina

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

3. Usar en la pagina

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

   Recomendamos que cuando introduzca los componentes de Lin UI, todos se nombren en el formato l-{组件名} . Seguir esta especificación hará que el código de su proyecto sea más claro.

   ¡En este punto, Lin UI se ha introducido con éxito en su proyecto!

Discusión e intercambio

Código de contribución

Nuestro código se desarrolla en base a la rama de desarrollo y puede enviar solicitudes de extracción para contribuciones de código.

Antes de enviar una solicitud de extracción, lea nuestras especificaciones de desarrollo en detalle; de ​​lo contrario, la solicitud de extracción puede cerrarse debido a información de confirmación no estándar y otros motivos.

Acuerdo de código abierto

MIT © 2020 Hay viento en el bosque.