
Easyui
Uma biblioteca de grupos de mini-programas simples e fácil de usar que encapsula componentes comumente usados no desenvolvimento, melhora a eficiência do desenvolvimento e a manutenção do código. Vá além dos limites de uma linha de código e experimente o método de desenvolvimento fora da caixa. A configuração padrão pode atender à maioria das necessidades e, em casos especiais, os atributos relevantes podem ser personalizados para atender às necessidades.
Qualquer componente na biblioteca de componentes pode ser usado sozinho e não depende de nenhum componente. Você pode adicionar os componentes que são realmente usados de acordo com as necessidades dos negócios, tornando seu applet cada vez menor.
A API de design e a documentação da API de acordo com os componentes oficiais, que é muito fácil de começar e é muito amigável com os novatos.
Versão básica da biblioteca
Use a biblioteca básica acima de 1.9.90.
Como usar
Abra o projeto, selecione o componente necessário (o componente está localizado no diretório do componente) e copie a pasta que contém os 4 arquivos do componente no seu projeto.
Em seguida, cite -o no código do seu projeto. Para obter instruções detalhadas de citação, consulte a documentação oficial do Mini Program.
Digitalize o código para visualizar o documento da API

Execute o projeto
- Vá para o diretório raiz do projeto.
- Digite o site oficial do Node para baixar o nó e instalá -lo (omite esta etapa se ele tiver sido instalado).
- Abra a linha de comando (CMD/Terminal) no diretório raiz do projeto e execute
npm install . Não vi instruções de erro na linha de comando e existe um diretório adicional de node_modules no diretório raiz do projeto. - Use a ferramenta de desenvolvedor do WeChat para abrir o projeto (se já estiver aberto, omite esta etapa).
- Clique no canto superior esquerdo das ferramentas de desenvolvedor do WeChat, ferramentas -> Construa NPM. O aviso é que, após a conclusão da construção, você verá que existe um diretório Miniprogram_NPM adicional no diretório raiz do projeto.
- Clique no botão "Compilar" da WeChat Developer Tool e você poderá ver que o projeto está em execução: Blush:.
Diretório de componentes
| Nome do componente | caminho | ilustrar |
|---|
| icon_button | Componente/botão/icon_button | Botão com ícone |
| base_list | componente/list/base_list | Liste itens com título e legenda |
| title_view | componente/estrutura/title_view | Ver com o título |
| base_button | Componente/botão/base_button | Botão |
| Head_portrait | Componente/base/head_portrait | Avatar |
| Procurar | Componente/formulário/pesquisa | Liste itens com título e legenda |
| aprimore_text | componente/base/aprimore_text | Texto aprimorado |
| aprimore_view | Componente/base/aprimore_view | Visualização aprimorada |
| icon_list | componente/list/icon_list | A lista de ícones pode atender à maioria das necessidades de lista |
| aprimore_icon | componente/base/aprimor_icon | Ícone aprimorado, pode ser usado para exibir ícones ou imagens |
| bens_card | Componente/sênior/bens_card | Cartão de exibição do produto |
| bens_detail | Componente/Senior/Goods_detail | Exibição de detalhes do produto |
| Suspensão_button | Componente/botão/suspensão_button | Botão flutuante |
| count_button | Componente/form/count_button | Botão de contagem |
| modal | componente/sênior/modal | Caixa modal |
| bens_list | componente/list/bens_list | Lista de produtos |
| barra lateral | Componente/Senior/Barra lateral | Menu da barra lateral |
| aprimore_image | Componente/base/aprimore_image | Imagem aprimorada, pode ser usada em cenas onde as imagens de fundo são necessárias |
| Head_View | componente/estrutura/head_view | Ver com a barra de título do cabeçalho |
| base_card | componente/list/base_card | Componentes básicos do cartão |
| guias | Componente/Senior/Tabs | Barra de etiqueta |
| load_more | Componente/base/load_more | Carregue mais componentes |
| carregando | componente/base/carregamento | Carregando componentes de animação |
| Aparecer | componente/sênior/pop -up | Componente da caixa pop-up |
| Verificador | Componente/formulário/verificador | Componente de opção, comumente usado para seleção de especificação do produto |
| Progress_bar | Componente/base/progress_bar | Componente da barra de progresso |
| ícone | Componente/base/ícone | Componente do ícone |
| Transição | Componente/base/transição | Componentes de efeito excessivo |
Descrição da versão
v1.3.0 Último
- Progress_bar
- ícone
- Transição
- Otimize applets
v1.2.1
- Componentes adicionados
- Corrija e otimize
- Otimize o mini -programa e adicione uma página de descoberta
- Otimize o componente Suspension_button, adicione o atributo OpenType para ser compatível com os cenários de uso especial dos componentes de botões nativos
- Otimize o componente Suspension_button, adicione a classe Custom IMG-CUS, que pode ser usada em cenários em que a biblioteca do ícone Alibaba é usada
- Otimize o componente icon_button e aumente o suporte para os atributos do tipo formulário e do tipo aberto dos componentes de botões nativos de applets
- Adicione o fundo do slot personalizado na parte inferior do componente de bens_detail
- Corrigido o bug em que os atributos de largura e altura do conjunto de componentes de carregamento não funcionaram
- Corrigido o bug em que o atributo selecionado do componente TABS exibe exceções quando a interface for usada para ligação de dados.
- Corrigido a questão do estilo do componente icon_button
- Corrigido o bug do componente de guias causado pela atualização da versão básica da biblioteca
- Corrigido o bug que acionou o evento de clique quando o componente Suspension_button é movido
- Corrija o bug na classe CUS Custom do componente aprimorado_image
v1.2.0
- Componentes adicionados
- Corrija e otimize
- O componente de bens_detail suporta exibição de vídeo
- Correção de bug do componente de pesquisa
v1.1.0
- guias
- load_more
- carregando
- Aparecer
- Verificador
- O botão de fechamento do componente modal suporta a biblioteca do ícone Alibaba
- icon_button adicionado atributo datacus
- Corrigido o bug que o componente da barra lateral não exibe ao usar o SetData para atualizar os dados
- Atributo do datacus adicionado e atributo selecionado na barra lateral
- A pesquisa adiciona a função de evento OnClean
- bens_card Novo atributo datacus
- bens_list adiciona atributo de datacus
- Otimização de componentes de guias
- Suspension_button Component Click Event não aciona a correção de bugs
- Problema de layout de texto corrigido quando o componente suspenso_button não usa ícones
- O componente de bens_detail adicionou um novo clique na imagem do banner para visualizar a otimização da imagem e estilo
- BASE_LIST COMPONENT CLASS CLASSE CLASS BUG Correção
- O componente icon_button adicionou um efeito de crachá, que pode ser definido através do atributo de crachá, e suporta o uso da biblioteca de ícone Alibaba para personalizar as configurações da classe usando CUS-icon
v1.0.7
- bens_list
- barra lateral
- aprimore_image
- Head_View
- base_card
- O componente de pesquisa adicionou um ícone de pesquisa padrão.
- O componente de pesquisa exclui o ícone claro.
- O ENFIME_TEXT suporta a introdução de ícones usando a biblioteca do ícone do Alibaba (adicionando a classe de estilo personalizada do ícone-cus).
- O ENFIME_ICON suporta a introdução de ícones usando a biblioteca do ícone Alibaba.
- aprimor_icon adiciona atributo de cor.
sobre
Escrito no final
Antes de usar o componente, verifique a interface fornecida pelo componente em detalhes.
Método de visualização: Abra a página de seleção do applet e clique no botão "Descrição detalhada" abaixo do componente correspondente.
Compre uma xícara de café para o autor
