Vonic, 基于 Vue.js 和 ionic 样式的移动端 UI 框架

Mobile UI Components, based on Vue.js and ionic CSS.

Demo

https://wangdahoo.github.io/vonic/docs/

Notice

• The first production version will be released this November.

Features

• Equip with Vue.js, Vue-Router, ES6 & Babel 6
• Build with Webpack & Vue Loader
• Ionic CSS Components
• Stylesheets in Sass
• Starter Project for Development Quick Start

Components

• [x] Typography
• [x] App (Application Instance & Navigation Bar)
• [x] MD-Buttons (Material Design Ripple Button)
• [x] Input
• [ ] InputNumber
• [x] Radio
• [x] Checkbox
• [x] Toggle
• [x] Cascade
• [x] List
• [x] Cells
• [x] Tabs
• [x] ButtonBar
• [x] Scalable
• [x] Swiper
• [x] Scroller
• [x] Popover
• [x] Popup
• [x] Modal
• [x] ActionSheet
• [x] Sidebar
• [x] TabBar
• [x] Toast
• [x] Loading (Preloader)
• [ ] Uploader

Getting started

Create project with on-line webpack template.

$ vue init wangdahoo/vonic-template my-project
$ cd my-project
$ npm install

please make sure that you have vue-cli installed.

Run project

$ npm run dev

That's it.

Thanks to

• Ionic
• Framework7
• WeUI
• vum
• vux
• Angular Material

Standalone components

• Vue Scroller
• von-app

Documents

• Components