Giter VIP home page Giter VIP logo

topojuly / cubeex Goto Github PK

View Code? Open in Web Editor NEW

This project forked from fangyongbao/cubeex

0.0 2.0 0.0 835 KB

cubeex是基于vue2.0开发的组件库,将包含一套完整的移动UI。这也是魔方元科技开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣,欢迎fork。项目地址:

Home Page: http://www.best-html5.net/cubee/cubeex

JavaScript 57.87% HTML 1.11% CSS 1.48% Vue 39.54%

cubeex's Introduction

cubeex

项目地址

cubeex logo

cubeex是基于vue2.0开发的组件库,将包含一套完整的移动UI。这也是魔方元科技开源的首个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)
pull-up-refresh(上拉刷新/下拉加载 基于xscroll)
pull-up-refresh(上拉刷新/下拉加载 使用原生滚动实现)
swiper(无缝切换)
addressBook(通讯录)
previewer(图片预览)
qrcode(生成二维码)
radio(单选框)
checkbox(复选框)
select-drop(下拉框-下拉)
select-scroll(下拉框-滚动)
area-scroll(地区联动-滚动)
datetime-scroll(日期筛选-滚动)
dialog(弹窗)
marquee((公告轮播&跑马灯))
qq(qq在线客服)
countdown(倒计时)
uploadImg((上传图片))
range((滑动条))
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打包

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.