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

[wangdahoo]

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

[bdbai]

赞，已 star 。

[paloalto]

移到分享创造节点吧

[wangdahoo]

@paloalto 才用这个 发错分类了 如何移动？

[paloalto]

@livid

[yuuko]

star

[fhefh]

mark

[aias]

厉害了

[SP00F]

前几天拉下来用了一下。。 run dev 的时候报错，最后发现……我的版本是 2.0 - -
然后……放弃了。饿了么的看着又不合适就自己捣腾了

[Mantra]

楼主，求转载博客！！我会标明出处的！！

[hanxiV2EX]

返回时没记住上次滚动位置。 loading 的 toast 没转圈