vin ui

Библиотека компонентов компонентов JD в стиле JD, поддержка мобильных H5 и мини -программы разработки

---

Vinui относится к проектированию и внедрению NUTUI (библиотека легкой мобильных компонентов в стиле JD), а также версию UniAPP, реализованную на основе версии библиотеки компонентов тароаплета Nutui-Vue

Модификации и корректировки были внесены в некоторые особенности UniAPP, и были добавлены некоторые новые компоненты, которые также улучшили функции некоторых компонентов.

Начните быстро

Вы можете обратиться к документации проекта: Quick Start

Установить

Vinui предоставляет пакет NPM и пакет UNI_Modules для установки компонентов.

Метод 1: Установка и эксплуатация NPM

 # Using npm
npm install @vingogo/uni-ui

# Using yarn
yarn add @vingogo/uni-ui

# Using pnpm
pnpm add @vingogo/uni-ui

Метод 2: загрузка плагин-модуль Uniapp

Адрес плагина рынка UniApp: https://ext.dcloud.net.cn/plugin?id=11187

Метод 3: Загрузите код

Загрузите код Vinui через GitHub, а затем скопируйте упакованный код в свой собственный проект:

1. Клонирование кода хранилища:

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

2. Зависимости установки:

pnpm i

3. В каталоге packages/uni-ui внесите персонализированные коррективы в код Vinui, который подходит для бизнеса
4. Код сборки будет генерировать скомпилированный файл JS из исходного файла TS и преобразовать его в ES2015

pnpm run build:uni

Сгенерировать файлы для копирования в packages/uni-ui/uni_modules

Как использовать

1. Добавить конфигурацию easycom на pages.json :

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

2. Представьте стили

Добавьте следующий код в файл входа в проект main.ts или файл main.js:

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

3. Используйте в проекте:

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

Проектная операция

Проект рекомендуется использовать PNPM для установки и запуска, а также запустить проект:

1. Зависимости установки

pnpm i

2. Запустить H5 или апплет

pnpm run dev

3. Выберите среду для запуска на основе параметров интерактивной командной строки
4. Запустите код в браузере или указанный апплет для запуска папки примера/dist/dev

Здание компонента Vinui

• Создайте код версии NPM:

pnpm run build:lib

После выполнения вышеуказанной команды код для публикации NPM будет генерироваться в рамках packages/uni-ui/lib

• Создайте код версии UNI_Modules:

pnpm run build:uni

После выполнения вышеуказанной команды код для публикации рынка UniApp будет генерироваться в рамках packages/uni-ui/uni_modules

Винуи функции

• 50+ высококачественных компонентов, охватывающих основные мобильные сценарии
• ? Поддержать динамические пользовательские темы и пользовательские темы на уровне компонентов
• На основе спецификаций JD Vision
• ? Поддержка темного режима
• ? Поддерживает набор кода для разработки H5+ многокачественных апплетов одновременно
• Поддерживает выделение свойств компонента VSCODE
• ? Поддержка цитат по требованию
• Подробная документация и примеры
• ? Support TypeScript
• ? Поддержка интернационализации

Связь

• Документация по использованию компонентов
• GitHub
• Гитее
• Плагин Uniapp Market

соединять

Что касается проблем Vinui, добавьте WeChat к обмену. Обратите внимание: Vinui