Descarga vin ui - Descargar el código fuente de vin ui

vin ui

Componentes de terceros

vingogo

Descargar

Biblioteca de componentes VUE livianos estilo JD, compatible con el desarrollo móvil H5 y Mini Program

Vinui se refiere al diseño e implementación de Nutui (biblioteca de componentes móviles livianos de estilo JD), y la versión uniapp implementada basada en la versión de la biblioteca de componentes de Taro Applet Nutui-Vue

Se han realizado modificaciones y ajustes a algunas características de UNIAPP, y se han agregado algunos componentes nuevos, lo que también ha mejorado las funciones de algunos componentes.

Empezar rápidamente

Puede consultar la documentación del proyecto: Inicio rápido

Instalar

Vinui proporciona el paquete NPM y el paquete Uni_Modules para instalar componentes.

Método 1: Instalación y operación de NPM

 # Using npm
npm install @vingogo/uni-ui

# Using yarn
yarn add @vingogo/uni-ui

# Using pnpm
pnpm add @vingogo/uni-ui

Método 2: Descarga del mercado de complementos de UNIAPP

Dirección del complemento del mercado UniApp: https://ext.dcloud.net.cn/plugin?id=11187

Método 3: Descargue el código

Descargue el código VINUI a través de GitHub y luego copie el código empaquetado a su propio proyecto:

Clonación del código del repositorio:

git clone https://github.com/vingogo/vin-ui.git

Dependencias de instalación:

pnpm i

En packages/uni-ui , realice ajustes personalizados al código VINUI que se adapte al negocio
El código de compilación generará el archivo JS compilado desde el archivo TS original y lo convertirá en ES2015

pnpm run build:uni

Genere archivos para copiar en packages/uni-ui/uni_modules

Cómo usar

Agregue la configuración EasyCom en pages.json :

{
  "easycom" : {
    // 此处根据实际文件位置进行修改，如下为通过 npm 包安装的方式配置
    "^vin-(.*)" : " @vingogo/uni-ui/lib/components/$1/index.vue "
  },
  // 此为本身已有的内容
  "pages" : [
    // ......
  ]
}

Introducir estilos

Agregue el siguiente código al archivo de entrada del proyecto main.ts o main.js archivo:

 import '@vingogo/uni-ui/lib/style.css' ;

Use en el proyecto:

< vin-button type="primary">button</ vin-button >

Operación del proyecto

Se recomienda que el proyecto use PNPM para instalar y ejecutar, e iniciar el proyecto:

Dependencias de instalación

pnpm i

Ejecutar h5 o applet

pnpm run dev

Seleccione el entorno para ejecutar en función de las opciones de línea de comando interactiva
Ejecute el código en el navegador o applet especificado para ejecutar la carpeta Ejemplo/Dist/Dev

Edificio de componentes de vinui

Construir código de versión de NPM:

pnpm run build:lib

Después de ejecutar el comando anterior, el código para publicar NPM se generará en packages/uni-ui/lib

Construya el código de versión Uni_Modules:

pnpm run build:uni

Después de ejecutar el comando anterior, el código para publicar el mercado UniApp se generará en packages/uni-ui/uni_modules

Características de Vinui

50+ componentes de alta calidad que cubren escenarios móviles convencionales
? Admite temas personalizados dinámicos y temas personalizados a nivel de componentes
Basado en las especificaciones de visión JD
? Apoya el modo oscuro
? Admite un conjunto de código para desarrollar applets de múltiples envejecimiento H5+ al mismo tiempo
Admite resaltar las propiedades del componente VSCode
? Apoyar citas a pedido
Documentación detallada y ejemplos
? Soporte de mecanografiado
? Apoyar la internacionalización