vin ui Download - vin ui Source code download

vin ui

Third-party components

vingogo

Download

JD style lightweight Vue component library, supporting mobile H5 and mini program development

VinUI refers to the design and implementation of NutUI (JD-style lightweight mobile component library), and the uniapp version implemented based on the Taro applet component library version NutUI-Vue

Modifications and adjustments have been made to some features of uniapp, and some new components have been added, which has also enhanced the functions of some components.

Start quickly

You can refer to the project documentation: Quick Start

Install

VinUI provides the npm package and uni_modules package to install components.

Method 1: npm installation and operation

 # Using npm
npm install @vingogo/uni-ui

# Using yarn
yarn add @vingogo/uni-ui

# Using pnpm
pnpm add @vingogo/uni-ui

Method 2: Uniapp plug-in market download

Uniapp Market Plugin Address: https://ext.dcloud.net.cn/plugin?id=11187

Method 3: Download the code

Download the VinUI code through Github, and then copy the packaged code to your own project:

Cloning the repository code:

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

Installation dependencies:

pnpm i

In packages/uni-ui directory, make personalized adjustments to the VinUI code that suits the business
The build code will generate the compiled JS file from the original TS file and convert it to ES2015

pnpm run build:uni

Generate files for copying under packages/uni-ui/uni_modules

How to use

Add easycom configuration in pages.json :

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

Introduce styles

Add the following code to the project entrance file main.ts or main.js file:

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

Use in the project:

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

Project operation

The project is recommended to use pnpm to install and run, and start the project:

Installation dependencies

pnpm i

Run h5 or applet

pnpm run dev

Select the environment to run based on the interactive command line options
Run the code in the browser or specified applet to run the example/dist/dev folder