mint-ui README

The project's README from github.com/ElemeFE/mint-ui. As one markdown file: README.md.

Mint UI

Build Status npm NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/ElemeFE/mint-ui

Mobile UI elements for Vue 2.0

Installation

npm i mint-ui -S

# for Vue 1.x
npm i mint-ui@1 -S

Usage

Import all components.

import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);

Or import specified component. (Use babel-plugin-component)

import { Cell, Checklist } from 'mint-ui';

Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);

Equals to

import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);

// import specified component

import MtRadio from 'mint-ui/lib/radio';
import 'mint-ui/lib/radio/style.css';

Vue.component(MtRadio.name, MtRadio);

babel-plugin-component

Installation

npm i babel-plugin-component -D

Usage

.babelrc

{
  "plugins": ["other-plugin", ["component", [
    { "libraryName": "mint-ui", "style": true }
  ]]]
}

CDN

RawGit

NPMCDN

Development

npm run dev

Contribution

Please make sure to read the Contributing Guide before making a pull request.

License

MIT

mint-ui (ElemeFE/mint-ui)

Searching Database…

16.4K ·GitHub
Mint-ui
Что это такое?Mint UI — это набор готовых мобильных UI-элементов, то есть компонентов интерфейса, написанных для Vue 2.0. Вы добавляете их в приложение на Vue, чтобы делать мобильные веб-страницы.
Mint UI — это отдельное приложение или то, что я добавляю в свой проект?Это библиотека компонентов: вы устанавливаете её в проект на Vue и импортируете нужные компоненты. Сама по себе она как приложение не запускается.
Как добавить его в проект?Установите его через npm и зарегистрируйте компоненты через Vue.use() — можно импортировать сразу все или только те, что нужны. В README также есть CDN-сборки (RawGit и npmcdn), если удобнее подключить через тег script.
Что такое babel-plugin-component и нужен ли он мне?Это помощник для более компактных импортов: он автоматически подключает CSS-файл каждого компонента и позволяет импортировать компоненты по отдельности как модули. Настраивается в .babelrc. Необязателен, но удобен, если вы берёте только отдельные компоненты.
Он работает с Vue 3 или только с Vue 2?Он сделан для Vue 2.0 — компоненты рассчитаны на Vue 2, поэтому для проекта на Vue 3 понадобится другой UI-набор.
Это для нативных мобильных приложений или для мобильных веб-страниц?Для мобильных веб-страниц — это Vue-компоненты, которые отображаются в браузере, поэтому они подходят для мобильного сайта или webview, а не для нативного приложения на iOS или Android.
Насколько тяжёлые у него зависимости?Очень лёгкие: кроме самой Vue он подтягивает только array-find-index, raf.js и vue-lazyload.
What are similar projects?vux, element, vuetify, vant, naive-ui, iview, vuestic-admin, mdb-ui-kit
Which topics is it in?vue-components, component, mobile-web, vue2, ui-kit, vuejs, ui-library, npm-package, component-library, vue, ui-components, css
Creator
ElemeFE
Size
3.3 MB
Stars
16.4K
Updated
CommitJan 16Releasev2.2.7May 14
Age
10y
Commits · 90 Days