VARLET-VUE2

Material design mobile component library for Vue2

• Align center
  Ссылка: https://varlet.gitee.io/varlet-ui-vue2/
  Изображение: логотип Varlet-UI-Vue2, ширина 150 пикселей.
• H1. VARLET-VUE2.
• Текст. Библиотека компонентов для мобильных устройств в стиле Material Design для Vue2.
• P.
  Ссылка. Документация (Vercel): https://varlet-vue2.vercel.app/#/en-US/index.
  Ссылка. Документация (Gitee): https://varlet.gitee.io/varlet-ui-vue2/#/en-US/index.
  Ссылка. Китайский README: https://github.com/varletjs/varlet-vue2/blob/dev/README.zh-CN.md.
• P.
  Изображение. Версия пакета npm @varlet-vue2/ui: https://img.shields.io/npm/v/@varlet-vue2/ui?style=flat-square.
  Изображение. Количество звёзд на GitHub: https://img.shields.io/github/stars/varletjs/varlet-vue2.
  Изображение. Vue: https://img.shields.io/badge/vue-v2.6.14-%23407fbc.
  Изображение. Лицензия: https://img.shields.io/npm/l/@varlet-vue2/ui.svg.
  Изображение. Покрытие кода: https://img.shields.io/codecov/c/github/varletjs/varlet-vue2.
  Изображение. Размер сжатого файла: https://img.badgesize.io/https://unpkg.com/@varlet-vue2/ui/umd/varlet.js?compression=gzip&label=gzip.
  Изображение. CI: https://github.com/varletjs/varlet-vue2/workflows/CI/badge.svg.

Intro

Varlet-vue2 — это библиотека компонентов для мобильных устройств, разработанная на основе Vue2 и поддерживаемая сообществом разработчиков.

Особенности

• 🚀 50 высококачественных универсальных компонентов.
• 🚀 Компоненты имеют небольшой размер.
• 💪 Разработана китайскими разработчиками, есть полная документация на китайском и английском языках и логистическая поддержка.
• 🛠️ Поддержка введения по запросу.
• 🛠️ Поддержка настройки тем.
• 🌍 Поддержка интернационализации.
• 💡 Поддержка WebStorm и VS Code для выделения синтаксиса компонентов.
• 💪 Поддержка SSR.
• 💡 Поддержка Typescript.
• 💪 Более 90% покрытия кода модульными тестами, что обеспечивает стабильность.
• 🛠️ Поддержка тёмного режима.

Установка

CDN

Функции компонента varlet.js завершены, проводится модульное тестирование, рекомендуется для внутреннего тестирования.

<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<script src="https://cdn.jsdelivr.net/npm/@varlet-vue2/ui/umd/varlet.js"></script>
<script>
  Vue.use(Varlet)

  new Vue({
    template: '<var-button>Button</var-button>'
  }).$mount('#app')
</script>

Webpack / Vite

# Установить с помощью npm, yarn или pnpm

# npm
npm i @varlet-vue2/ui -S

# yarn
yarn add @varlet-vue2/ui

# pnpm
pnpm add @varlet-vue2/ui

import App from './App.vue'
import Varlet from '@varlet-vue2/ui'
import Vue from 'vue'
import '@varlet-vue2/ui/es/style.js'

Vue.use(Varlet)

new Vue({
  render: (h) => h(App)
}).$mount('#app')

Вкладчики

Состояние репозитория

В этом репозитории больше не будут появляться новые функции, только исправления ошибок. Рекомендуется использовать версию Varlet Vue3 (https://github.com/varletjs/varlet).