Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fangyongbao/cubeex
cubeex是基于vue2.0开发的组件库，将包含一套完整的移动UI。这也是魔方元科技开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣，欢迎fork。项目地址：
https://github.com/fangyongbao/cubeex
Last synced: 6 days ago
JSON representation
cubeex是基于vue2.0开发的组件库，将包含一套完整的移动UI。这也是魔方元科技开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣，欢迎fork。项目地址：
- Host: GitHub
- URL: https://github.com/fangyongbao/cubeex
- Owner: fangyongbao
- Created: 2016-12-20T02:44:07.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-03T15:36:36.000Z (about 7 years ago)
- Last Synced: 2024-08-02T09:23:30.936Z (3 months ago)
- Language: JavaScript
- Homepage: http://www.best-html5.net/cubee/cubeex
- Size: 815 KB
- Stars: 93
- Watchers: 10
- Forks: 49
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue - cubeex - 包含一套完整的移动UI (UI组件)
- awesome-github-vue - cubeex - 包含一套完整的移动UI (UI组件)
- awesome-github-vue - cubeex - 包含一套完整的移动UI (UI组件)
- awesome - cubeex - 包含一套完整的移动UI (UI组件)
README
# cubeex #
[项目地址](http://www.best-html5.net/cubee/cubeex)
cubeex是基于vue2.0开发的组件库，将包含一套完整的移动UI。这也是[魔方元科技](http://www.cubee.com)开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣，欢迎fork。
PS: cubeex目前在持续更新中，组件将逐步完善，旨在创建一套完善的基于vue2.0的移动端组件库。
**webpack配置**
cubeex项目开发、打包的webpack配置没有基于vue-cli， 配置清晰简单, 可以作为webpack学习的教程。
>
1. package.json 定义项目依赖模块 以及 定义开启服务器和打包命令
2. helpers.js 获取入口文件和html文件
3. webpack.base.config.js 定义webpack基础配置
4. webpack.dev.config.js 定义webpack开发配置
5. webpack.prod.config.js 定义webpack生产配置
**目前包含的组件**
>
[pull-up-refresh(上拉刷新/下拉加载 基于iscroll4)](http://www.best-html5.net/cubee/cubeex/#/pull-refresh-iscroll)
[pull-up-refresh(上拉刷新/下拉加载 基于xscroll)](http://www.best-html5.net/cubee/cubeex/#/pull-refresh-xscroll)
[pull-up-refresh(上拉刷新/下拉加载 使用原生滚动实现)](http://www.best-html5.net/cubee/cubeex/#/pull-refresh-nscroll)
[swiper(无缝切换)](http://www.best-html5.net/cubee/cubeex/#/swiper)
[addressBook(通讯录)](http://www.best-html5.net/cubee/cubeex/#/address-book)
[previewer(图片预览)](http://www.best-html5.net/cubee/cubeex/#/previewer)
[qrcode(生成二维码)](http://www.best-html5.net/cubee/cubeex/#/qrcode)
[radio（单选框）](http://www.best-html5.net/cubee/cubeex/#/radio)
[checkbox（复选框）](http://www.best-html5.net/cubee/cubeex/#/checkbox)
[select-drop(下拉框-下拉)](http://www.best-html5.net/cubee/cubeex/#/select)
[select-scroll(下拉框-滚动)](http://www.best-html5.net/cubee/cubeex/#/select-scroll)
[area-scroll(地区联动-滚动)](http://www.best-html5.net/cubee/cubeex/#/area)
[datetime-scroll(日期筛选-滚动)](http://www.best-html5.net/cubee/cubeex/#/datetime)
[dialog(弹窗)](http://www.best-html5.net/cubee/cubeex/#/dialog)
[marquee((公告轮播&跑马灯))](http://www.best-html5.net/cubee/cubeex/#/marquee)
[qq(qq在线客服)](http://www.best-html5.net/cubee/cubeex/#/qq)
[countdown(倒计时)](http://www.best-html5.net/cubee/cubeex/#/countdown)
[uploadImg((上传图片))](http://www.best-html5.net/cubee/cubeex/#/uploadImg)
[range((滑动条))](http://www.best-html5.net/cubee/cubeex/#/range)
[drag-sort((拖拽排序))](http://www.best-html5.net/cubee/cubeex/#/drag-sort)
**使用方式：**
>
1. 执行cnpm install webpack-dev-server -g 全局安装webpack-dev-server
2. 根目录下执行 cnpm install 安装项目依赖模块
3. 执行 npm run dev
4. 浏览器访问http://localhost:3001
5. npm run build打包