您的位置:首页 > 产品设计 > UI/UE

vue-mobile 又一个 vue ui 库正在开发

2017-01-14 22:50 555 查看

https://github.com/vum-team/vum


What is?

vue-mobile is an UI Framework build with Vue.js for SPA:
Full Page Structure - header, content, footer
Page transition support by vue-router
Bunch of Powerful Components, easy to use and extend
high performance CSS3 Animation
1px border for all components - as well as round border
Write with Vue - the most important


Love
Vue

Vue is the best View Layer Framework I have ever seen:
Elegant API
Two way binding, Components
Easy to build large scale App
Wonderful Components Organization.


Progress

 Page
 Buttons
 Column
 Grid
 List
 Cards
 Contacts
 Form

 Icons

 Modal

 Preloader
 Tab
 Scroll
 Popup
 Actions
 Toast
 Search
Bar
 Calendar
 Photo
Browser
 Swiper


Build
Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit


For detailed explanation on how things work, checkout the guide and docs
for vue-loader.


Get
Start

Two way to create a project with vum?


clone
source code directly

Clone this repo to your work dir
npm install
 to install dependences
npm run dev
 to run dev server with hot reload.
Open 
http://localhost:8088
 in your browser, then you can see the demos
Change to dir 
src/demos
, modify what you want, and remove unused pages

That's all! You can do it :) Do not forget to reinit git.


use
npm

Create your project, vue-cli is recommend
npm install vum
 in the root of your project
Import the components you wanted in 
src


Thanks

The css style of components comes from:
Framework7
Light7
WeUI
MSUI
Ratchet
vue-strap

And vui-mobile could never be completed without these:
Vue
vue-router
Less
Webpack


Stay
In Touch

Please make sure that you have some knowledge about vue.js before join QQ group:
QQ Group: 581532614


Screenshot



 

 

 

 

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: