A First UI ( biblioteca de componentes de IU de desenvolvimento unificado multiterminal FirstUI, um código, várias operações, biblioteca de componentes, mercado de materiais para criar a ecologia FirstUI ) é um conjunto de soluções abrangentes de interface do usuário móvel de alto desempenho e alto valor, incluindo a melhor biblioteca de componentes avançados do setor, poderosa biblioteca de funções, rica e requintada biblioteca de modelos, fornecendo uni-app (suporte perfeito para nvue), miniaplicativo WeChat, miniaplicativo Alipay e outras versões, levando em consideração alta eficiência e alto desempenho, para que seu desenvolvimento pode ser melhorado cem vezes acelerar!
1. Recursos da versão uni-app FirstUI
- Suporte multi-terminal. Um conjunto de códigos, adequado para end-to-end, suporta iOS (vue e Nvue), Android (vue e Nvue), miniaplicativos WeChat, miniaplicativos Alipay, miniaplicativos QQ, miniaplicativos Baidu, miniaplicativos ByteDance e plataformas H5.
- Componentes bem estabelecidos. Atualmente, um total de 118 modelos estão planejados e 85 modelos foram lançados, abrangendo componentes básicos, componentes de formulário, componentes de navegação, componentes de layout, layouts comuns, componentes estendidos, feedback de operação, componentes de dados, JS, gráficos e telas.
- Layouts e modelos ricos e práticos. Com base nos componentes fornecidos pelo FirstUI, ele fornece layouts e modelos ricos e práticos para cenários e setores comuns.
- Comunidade exclusiva. Criamos uma comunidade exclusiva FirstU, onde os usuários podem compartilhar sua experiência FirstUI e fazer perguntas. Se você tiver outros componentes e requisitos de modelo, também poderá fornecer feedback na comunidade.
2. Recursos do Miniprograma FirstUI WeChat
- Excelente desempenho. Feito sob medida para applets WeChat, atendendo às necessidades de desenvolvimento de applets WeChat, com desempenho superior
- Componentes bem estabelecidos. Abrange componentes básicos, componentes de formulário, componentes de navegação, componentes de layout, layouts comuns, componentes estendidos, feedback de operação, componentes de dados, JS, gráficos e telas.
- Layouts e modelos ricos e práticos. Com base nos componentes fornecidos pelo FirstUI, ele fornece layouts e modelos ricos e práticos para cenários e setores comuns.
- Comunidade exclusiva. Criamos uma comunidade exclusiva FirstU, onde os usuários podem compartilhar sua experiência FirstUI e fazer perguntas. Se você tiver outros componentes e requisitos de modelo, também poderá fornecer feedback na comunidade.
3. Atualize o conteúdo da V1.6.0
- Adicionado componente de texto de texto .
- Adicionado componente de animação de rotação de rotação (componente VIP).
- Adicionado componente de área segura inferior SafeArea (componente VIP).
- Adicionado componente de seleção de tag DataTag (componente VIP).
- Adicionado SubmitBar para enviar o conteúdo do layout da barra de pedidos (VIP).
- Adicionado conteúdo do layout da barra de navegação do produto GoodsBar (VIP).
- Adicionado conteúdo do layout da barra de bate-papo do ChatBar (VIP).
- Adicionado conteúdo de layout de notícias de rolagem RollNews (VIP).
- Adicionado conteúdo de layout de carrossel de cartões CardSwiper (VIP).
- BubbleBox Otimização do componente da caixa de bolhas, novo slot de conteúdo (conteúdo), pode personalizar o conteúdo da caixa de bolhas; novo preenchimento de atributo, usado para ajustar o valor de preenchimento do item de conteúdo interno da caixa de bolhas.
- LoadMore otimiza o carregamento de mais componentes e adiciona um novo estado de atributo para controlar o status de exibição dos componentes.
- Otimizou o componente Table e corrigiu o problema de configurar o tipo de imagem para exibição incorreta.
- Otimização do componente da caixa de entrada de várias linhas da área de texto , ao ajustar o comprimento máximo para -1, a vinculação bidirecional não entra em vigor.
- O componente Button é otimizado e ajustado para uma borda fina (0,5px) por padrão.
- Otimização do componente Picker , problemas conhecidos corrigidos.
- Otimização do componente selecionador de data e hora do DatePicker , problemas conhecidos corrigidos.
- Otimizou vários problemas conhecidos.
4. Versão de código aberto e versão comercial
A biblioteca de componentes FirstUI é dividida em uma versão open source e uma versão comercial, sendo que alguns componentes são utilizados exclusivamente pela versão comercial.
1. Versão de código aberto
● versão uni-app github: [ GitHub - FirstUI/FirstUI: First UI é uma biblioteca de componentes de interface móvel multiplataforma, reutilizável, com componentes, fácil de estender e de baixo acoplamento desenvolvida com base em uni-app. Totalmente compatível com App-Nvue, App-vue, Mini Programas (WeChat, Alipay, Baidu, Byte, QQ), H5. Endereço do documento: https://doc.firstui.cn ]( GitHub - FirstUI/FirstUI: First UI é um conjunto de componentes de interface móvel de plataforma cruzada, reutilizáveis, fáceis de estender e de baixo acoplamento desenvolvidos com base em Biblioteca de aplicativos. Totalmente compatível com App-Nvue, App-vue, applets (WeChat, Alipay, Baidu, Byte, QQ), H5. Endereço do documento: https://doc.firstui.cn ) (Welcome star :-D)
● gitee para uni-app: [ https://gitee.com/firstui/FirstUI ]( https://gitee.com/firstui/FirstUI ) (Welcome star :-D)
● Endereço do documento da versão uni-app: [ FirstUI UNI version ]( FirstUI UNI version )
● Versão do miniaplicativo WeChat github: [ GitHub - FirstUI/FirstUI-weixin: FirstUI-weixin é uma biblioteca de componentes de interface do usuário do miniaplicativo WeChat nativo, reutilizável, fácil de estender e de baixo acoplamento, desenvolvida com base nos miniaplicativos WeChat. Endereço do documento: https://wxdoc.firstui.cn ]( GitHub - FirstUI/FirstUI-weixin: FirstUI-weixin é um conjunto de applets WeChat nativos com componentes, reutilizáveis, fáceis de estender e de baixo acoplamento desenvolvidos com base em applets WeChat . Biblioteca de componentes de IU do programa. Endereço do documento: https://wxdoc.firstui.cn ) (Bem-vindo estrela :-D)
● gitee para WeChat Mini Program: [ https://gitee.com/firstui/FirstUI-weixin ]( https://gitee.com/firstui/FirstUI-weixin ) (Bem-vindo à estrela :-D)
● Endereço do documento do WeChat Mini Program: [ FirstUI WeChat Mini Program ]( FirstUI WeChat Mini Program )
2. Benefícios da associação VIP:
● Código-fonte da versão completa
● Todos os componentes
● Aproveite os descontos VIP no Material Mall
● Orientação exclusiva para grupos de membros, perguntas e respostas
● Experiência prioritária para novos recursos
● Documentação Exclusiva VIP
Detalhes dos direitos do membro: Desenvolvimento unificado multiterminal FirstUI da biblioteca de componentes da interface do usuário, um código, várias operações, biblioteca de componentes, mercado de materiais para criar a ecologia da FirstUI
3. Oferta por tempo limitado
A nova versão é lançada, o preço atual é de ¥300 e o preço será ajustado com a melhoria das funções. Compre produtos de armação para atualizar para associação VIP e aproveite os benefícios da associação VIP.
5. O efeito de alguns componentes
6. Conteúdo on-line
- quadro
- Biblioteca de componentes FirstUI (versão uni-app)
- Biblioteca de componentes FirstUI (versão do miniaplicativo WeChat)
- modelo
- Modelo de login (A)
- Modelo de login (B)
- Modelo de login (C)
- Modelo de login (D)
- Modelos de Portal
- componentes
- Componentes básicos
- Cor
- ícone do ícone
- Botão de botão
- Rodapé
- Animação de animação
- Barra de status da barra de status
- componentes de layout
- Layout da grade de layout
- Grade
- Painel do painel
- Visualizar visualização do formulário
- lista de lista
- Cartão
- componente de formulário
- calendário do calendário
- Seletor de cascata Cascader
- Seletor do seletor
- Selecionador de data e hora DatePicker
- Seletor de controle deslizante
- Validação de formulário
-Selecione o seletor
- Caixa de entrada de entrada
- Caixa de entrada do número InputNumber
- Rótulo
- Botão de rádio
- Caixa de seleção caixa de seleção
- Interruptor do interruptor
- Caixa de entrada de várias linhas da área de texto
- Pontuação de taxa
- Carregar upload de imagem
- Barra de pesquisa SearchBar
- Feedback da operação
- Menu pull-up ActionSheet
- Lembrete de luz de brinde
- Camada de máscara de pano de fundo
- Caixa de diálogo
- Menu suspenso Menu suspenso
- Menu suspenso DropdownList
- Caixa modal modal
- Galeria Galeria
- Janela de tela de pressão de paisagem
- Carregando
- animação de carregamento loadAni
- Prompt de mensagem de mensagem
- Menu deslizante SwipeAction
- Componente de navegação
- Barra de navegação NavBar
- Paginação
- Caixa de bolhas BubbleBox
- Segmentador SegmentedControl
- Barra de tabulação
- Barra de navegação inferior BottomNavbar
- Abas
- Lista de índice IndexList
- Barra de avisos NoticeBar
- Recipiente de teto pegajoso
- Barra de passos
- Botão flutuante fabuloso
- Gaveta
- BottomPopup Camada pop-up inferior
- Camada pop-up superior TopPopup
- Eixo do tempo TimeAxis
- abas verticais Vtabs
- componente de dados
- Distintivos
- Caixa de alerta de alerta
- Avatar avatar
- etiqueta da etiqueta
- Barra de progresso do progresso
- Recolher painel
- Barra de progresso circular do círculo
- Contagem regressiva
- Divisor de linha divisória
- LoadMore carrega mais
- Página padrão vazia
- Tela de esqueleto de esqueleto
- Extensões
- Painel de compartilhamento do ShareSheet
- Página de resultados
- Barra de filtro FilterBar
- Caixa de entrada única SingleInput
- DigitalRoller Digital Roller
-DigitalKeyboard Teclado numérico
- Teclado do número da placa de licença da placa de licença
- Ponteiro de Carrossel SwiperDot
- CopyText Pressione e segure para copiar
- CubicBezier Curva Bezier
- Corte de imagem ImageCropper
- Arraste para classificar
- Verificação de slides SlideVerify
- RotateVerify verificação de rotação
- Verificação do quebra-cabeça deslizante SliderCaptcha
- Verificação de quebra-cabeça deslizante do PuzzleVerify
- Transbordo de conteúdo OverflowHidden oculto
- Temporizador
- CountdownVerify contagem regressiva do código de verificação
- Lazyload carregamento lento de imagem
- Cachoeira
- Formulário de tabela
- Backtop Voltar ao topo
- Componente de tela
- Cartaz de compartilhamento de pôster
- Código QR QR
- Código de barras Código de barras
- Assinatura manuscrita autógrafo
- Componentes JS
- Texto de cópia da área de transferência
- Solicitar solicitação de rede
- Classe de ferramentas Utils
- Validação do formulário do validador