wuss weapp

Wusspp

Una biblioteca de componentes de UI de applet de WeChat de alta calidad, completa y altamente personalizada

documento

https://phonycode.github.io/wuss-weApp

Grupo de comunicación oficial de Wuss WeApp

Número de grupo QQ 787275772

Escanee el código QR para experimentar

Use WeChat para escanear para experimentar Mini Componentes del programa Ejemplos

Imagen de demostración

Empiece a comenzar rápidamente

Antes de comenzar a usar Wuss WEAPP, debe leer la documentación relevante para los componentes personalizados del applet de WeChat.

Cómo usar

Método 1 [recomendado] (Instale dependencias a través de NPM y cree módulos NPM en applets)

1. Localice el directorio de desarrollo actual del applet utilizando comandos de shell o git, e instale las dependencias usando npm o hilo.

npm init && npm install --production wuss-weapp

o

yarn init && yarn add --production wuss-weapp

2. Una vez completada la instalación de dependencia, puede hacer clic en [Herramientas] => [Build NPM] en la herramienta WeChat Applet Developer. Si aparece una ventana emergente, recuerde "usar el módulo NPM" para verificarlo. Si no hay ventana emergente, verifique manualmente los detalles después de que se complete la compilación.

3. Después de completar la compilación, puede agregar los componentes requeridos. Configurar en la página JSON:

 "usingComponents" : {
  "w-button" : " wuss-weapp/w-button/index " ,
  "w-toast" : " wuss-weapp/w-toast/index " ,
  "w-alert" : " wuss-weapp/w-alert/index "
}

4. Use componentes en WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >
< w-toast id =" wuss-toast " />
< w-alert id =" wuss-alert " />

5. Uso en JavaScript:

 import { Alert , Toast } from 'wuss-weapp' ;

Alert ( {
  title : '提示' ,
  content : 'wuss weapp is good' ,
} ) ;

Toast . show ( {
  message : 'wuss小程序UI库' ,
} ) ; 

Método 2 (Copie el DIST del proyecto actual a su propio proyecto)

1. Vaya a GitHub para descargar el código del Wuss WAAPP y copiar dist a su proyecto. Luego use el componente de la siguiente manera. Tomar el botón Como ejemplo, se ven otros componentes en la página del documento correspondiente:

2. Agregar componentes requeridos. Configurar en la página JSON (la ruta está configurada de acuerdo con la ubicación de su proyecto):

 "usingComponents" : {
  "w-button" : " /dist/w-button/index "
}

2. Use componentes en WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >

Vista previa de todos los componentes

Tenemos ejemplos incorporados de todos los componentes, puede escanear el código del applet anterior para experimentarlo o verlo en la herramienta WeChat Developer de la siguiente manera:

git clone https://github.com/phonycode/wuss-weapp.git

Luego, abra el proyecto directamente en la herramienta WeChat Developer.

contribuir

Si tiene algún comentario o sugerencia, no dude en mencionar el problema. Lea si hay un problema relacionado antes de mencionar el problema. O si hay un problema relacionado pero el problema se ha cerrado, es solo una versión que aún no se ha actualizado. No responda a continuación este problema. Si la versión actualizada todavía existe después de la actualización, envíe un nuevo problema. Gracias.

LICENCIA

MIT