wuss weapp

Wuss Weapp

Uma biblioteca de componente da interface do APLET WECHAT de alta qualidade, completa e altamente personalizada

documento

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

Grupo de comunicação oficial Wuss WEAPP

QQ Número do grupo 787275772

Digitalize o código QR para experimentar

Use o WeChat para digitalizar para experimentar exemplos de componentes de mini -programa

Imagem de demonstração

Comece rapidamente

Antes de começar a usar o Wuss Weap, você precisa ler a documentação relevante para os componentes personalizados do applet do WeChat.

Como usar

Método 1 [Recomendado] (Instale dependências através do NPM e construa módulos NPM em applets)

1. Localize o diretório atual de desenvolvimento de applet usando comandos Shell ou Git e instale as dependências usando NPM ou YARN.

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

ou

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

2. Após a conclusão da instalação de dependência, você pode clicar em [Ferramentas] => [Construir NPM] na ferramenta de desenvolvedor de applet do WeChat. Se uma janela pop-up aparecer, lembre-se de "usar o módulo NPM" para verificar. Se não houver janela pop-up, verifique manualmente os detalhes após a conclusão da compilação.

3. Depois que a construção é concluída, você pode adicionar os componentes necessários. Configure na 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 no WXML:

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

5. Use em JavaScript:

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

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

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

Método 2 (copie o distrito do projeto atual para o seu próprio projeto)

1. Vá para o GitHub para baixar o código do Wuss Weapp e copie dist para o seu projeto. Em seguida, use o componente da seguinte maneira. Tomando o botão como exemplo, outros componentes são visualizados na página de documento correspondente:

2. Adicione os componentes necessários. Configure na página JSON (o caminho é configurado de acordo com o local do seu projeto):

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

2. Use componentes no WXML:

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

Visualizar todos os componentes

Temos exemplos internos de todos os componentes, você pode digitalizar o código do applet acima para experimentá-lo ou visualizá-lo na ferramenta de desenvolvedor do WeChat da seguinte forma:

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

Em seguida, abra o projeto diretamente na ferramenta de desenvolvedor do WeChat.

contribuir

Se você tiver algum comentário ou sugestão, não hesite em mencionar o problema. Leia se há um problema relacionado antes de mencionar o problema. Ou se houver um problema relacionado, mas o problema foi fechado, é apenas uma versão que ainda não foi atualizada. Por favor, não responda abaixo deste problema. Se a versão atualizada ainda existir após a atualização, envie um novo problema. Obrigado.

LICENÇA

Mit