easyui
Una biblioteca de grupo de mini-programa WeChat simple y fácil de usar que encapsula componentes de uso común en el desarrollo, mejora la eficiencia del desarrollo y la mantenimiento del código. Vaya más allá de los límites de una línea de código y experimente el método de desarrollo fuera de la caja. La configuración predeterminada puede satisfacer la mayoría de las necesidades, y en casos especiales, los atributos relevantes se pueden personalizar para satisfacer las necesidades.
Cualquier componente en la biblioteca de componentes se puede usar solo y no confía en ningún componente. Puede agregar los componentes que realmente se usan según las necesidades comerciales, lo que hace que su applet sea cada vez más pequeño.
Diseñe la documentación de API y API de acuerdo con los componentes oficiales, que es muy fácil de comenzar y es muy amigable con los novatos.
Versión de biblioteca básica
Utilice la biblioteca básica por encima de 1.9.90.
Cómo usar
Abra el proyecto, seleccione el componente requerido (el componente se encuentra en el directorio de componentes) y copie la carpeta que contiene los 4 archivos del componente en su proyecto.
Luego cite en el código de su proyecto. Para obtener instrucciones de citas detalladas, consulte la documentación oficial de mini del programa.
Escanee el código para ver el documento API
Ejecutar el proyecto
- Vaya al Directorio Root del Proyecto.
- Ingrese el sitio web oficial del nodo para descargar el nodo e instalarlo (omita este paso si se ha instalado).
- Abra la línea de comando (CMD/Terminal) en el directorio de Root Project y ejecute
npm install . No vi indicaciones de error en la línea de comandos, y hay un directorio Node_Modules adicional en el directorio raíz del proyecto. - Use la herramienta WeChat Developer para abrir el proyecto (si ya está abierto, omita este paso).
- Haga clic en la esquina superior izquierda de las herramientas de desarrollador de WeChat, Herramientas -> Build NPM. El aviso es que después de completar la construcción, verá que hay un directorio adicional miniprogram_npm en el directorio de la raíz del proyecto.
- Haga clic en el botón "Compilar" de la herramienta WeChat Developer y puede ver que el proyecto se está ejecutando: Blush:.
Directorio de componentes
| Nombre de componente | camino | ilustrar |
|---|
| icon_button | componente/botón/icon_button | Botón con icono |
| base_list | Componente/List/Base_List | Lista de elementos con título y subtítulo |
| title_view | componente/estructura/title_view | Ver con título |
| Base_button | Componente/Button/Base_Button | Botón |
| Head_Portrait | componente/base/head_portrait | avatar |
| Buscar | componente/form/búsqueda | Lista de elementos con título y subtítulo |
| Enhance_Text | Componente/Base/Enhance_Text | Texto mejorado |
| Enhance_View | Componente/Base/Enhance_View | Vista mejorada |
| icon_list | componente/list/icon_list | La lista de iconos puede satisfacer la mayoría de las necesidades de la lista |
| Enhance_icon | Componente/Base/Enhance_icon | Icono mejorado, se puede usar para mostrar iconos o imágenes |
| bienes_card | componente/senior/bienes_card | Tarjeta de visualización de productos |
| Bods_detail | componente/senior/gets_detail | Pantalla de detalles del producto |
| suspensión_button | componente/botón/suspensión_button | Botón flotante |
| count_button | componente/form/count_button | Botón de conteo |
| modal | componente/senior/modal | Caja modal |
| bienes_list | Componente/List/Goods_List | Lista de productos |
| barra lateral | componente/senior/barra lateral | Menú de barra lateral |
| Enhance_image | Componente/Base/Enhance_Image | Imagen mejorada, se puede usar en escenas donde se requieren imágenes de fondo |
| Head_view | componente/estructura/head_view | Ver con la barra de título del encabezado |
| Base_card | Componente/List/Base_Card | Componentes de tarjeta básicos |
| cortina a la italiana | componente/senior/pestañas | Barra de etiqueta |
| load_more | Componente/Base/Load_more | Cargar más componentes |
| cargando | componente/base/carga | Cargando componentes de animación |
| ventana emergente | Componente/Senior/PopUp | Componente de caja emergente |
| Inspector | componente/formulario/verificador | Componente de opción, comúnmente utilizado para la selección de especificaciones de productos |
| Progress_Bar | Componente/Base/Progress_Bar | Componente de la barra de progreso |
| icono | componente/base/icono | Componente ícono |
| Transición | componente/base/transición | Componentes de efecto excesivo |
Descripción de la versión
V1.3.0 Último
- Progress_Bar
- icono
- Transición
- Optimizar los applets
V1.2.1
- Componentes agregados
- Arreglar y optimizar
- Optimizar el mini programa y agregar una página de descubrimiento
- Optimice el componente Suspension_Button, agregue el atributo OpenType para que sea compatible con los escenarios de uso especiales de los componentes del botón nativo
- Optimice el componente Suspension_Button, agregue la clase personalizada IMG-CUS, que se puede utilizar en escenarios donde se usa la biblioteca de iconos de Alibaba
- Optimice el componente Icon_Button y aumente el soporte para los atributos de tipo de forma y de tipo abierto de los componentes del botón nativo de los applets
- Agregue la parte inferior de la ranura personalizada en la parte inferior del componente Goods_Detail
- Se corrigió el error donde el componente de carga establece el ancho y los atributos de altura no funcionaban
- Se solucionó el error donde el atributo seleccionado del componente de pestañas muestra excepciones cuando la interfaz se usa para el enlace de datos.
- Se corrigió el problema de estilo del componente ICON_BUTTON
- Se corrigió el error del componente de pestañas causado por la actualización de la versión básica de la biblioteca
- Se solucionó el error que activó el evento de clic cuando se mueve el componente de suspensión_button
- Corrige el error en la clase personalizada CUS del componente MEVORAY_IMAGE
V1.2.0
- Componentes agregados
- Arreglar y optimizar
- El componente de Goods_Detail admite la pantalla de video
- Corrección de errores del componente de búsqueda
V1.1.0
- cortina a la italiana
- load_more
- cargando
- ventana emergente
- Inspector
- El botón de cierre del componente modal admite la biblioteca de iconos de Alibaba
- icon_button Atributo datacus agregado
- Se corrigió el error que el componente de la barra lateral no se muestra al usar SetData para actualizar los datos
- Atributo dataCus agregado y atributo seleccionado en la barra lateral
- Search agrega la función de evento OnClean
- BOODS_CARD ATRIBUTO DE DATACUS
- Goods_List agrega el atributo Datacus
- Optimización de componentes de pestañas
- El evento de clic del componente de suspensión_button no activa la corrección de errores
- Problema de diseño de texto corrigido cuando el componente de suspensión_button no usa iconos
- El componente Goods_Detail ha agregado un nuevo clic en la imagen de banner para obtener una vista previa de la optimización de la imagen y el estilo
- Corrección de errores de clase de estilo personalizado de componente base_list
- El componente Icon_Button ha agregado un efecto de insignia, que se puede establecer a través del atributo de insignia, y admite el uso de la biblioteca de iconos Alibaba para personalizar la configuración de clase utilizando CUS-ICON
V1.0.7
- bienes_list
- barra lateral
- Enhance_image
- Head_view
- Base_card
- El componente de búsqueda ha agregado un icono de búsqueda predeterminado.
- El componente de búsqueda elimina el icono de claro.
- Enhance_Text admite la introducción de iconos utilizando la biblioteca de iconos Alibaba (agregando la clase de estilo personalizado de icono-CUS).
- Enhance_icon admite la introducción de íconos que usan la biblioteca de iconos Alibaba.
- Enhance_icon agrega el atributo de color.
acerca de
Escrito al final
Antes de usar el componente, verifique la interfaz proporcionada por el componente en detalle.
Método de visualización: abra la página de selección del applet y haga clic en el botón "Descripción detallada" debajo del componente correspondiente.
Compre una taza de café para el autor
