vue-mobile 又一个 vue ui 库正在开发
2023-09-27 14:29:06 时间
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 dependencesnpm 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:
And vui-mobile could never be completed without these:
Stay In Touch
Please make sure that you have some knowledge about vue.js before join QQ group:
- QQ Group: 581532614
Screenshot
相关文章
- Vue 2升级 Vue 3初探小细节
- qt实现web服务器加载vue应用进行C++和html混合编程-连载【6】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)
- vue - 总结build.js
- Vue + element-ui 【前端项目一】控制某个页面不显示导航栏 4
- Vue - 获取 UI 组件库 <upload> 上传组件返回的 File 对象文件扩展名,拿到 Ant Design Vue / Element UI 等组件库的上传组件返回 File 文件的后缀名
- Vue - 多图片预加载解决方案
- vue 随机号码快速跳动
- vant ui 在vue中的安装和使用
- vue--ui:antd pro框架--vue.config.js引入高德地图--描绘轨迹
- Vue--嵌套路由-多层级关系-to="/account/login"---路由子组件children: [],--保留父组件的内容
- 【vue init】二.项目使用vue-router,引入ant-design-vue的UI框架,引入less
- Vue 之 插件 轮播组件 vue-awesome-swiper 的简单使用整理
- spring boot + vue + element-ui全栈开发入门——基于Electron桌面应用开发
- spring boot + vue + element-ui全栈开发入门——项目部署
- spring boot + vue + element-ui全栈开发入门——开篇
- Vue实现2级3级导航(简单易懂)
- Vue使用Element-UI的table组件和后端接口进行数据交互(包含前后端代码)
- vue-router 的URL路径中#的意义