移动Web UI基于Vue和Weui实现：vux

VUX = Vue + Weui + Components

Demo

Usage

# install vue-cli  npm install -g vue-cli    # init a webpack project  vue init webpack my-project  cd my-project  npm install  npm install vux  npm run dev

<template>    <div>      <group>        <cell title="vue" value="cool"></cell>      </group>    </div>  </template>    <script>  import { Style, Group, Cell } from 'vux'  export default {    components: {      Style, // style component is necessary      Group,      Cell    }  }  </script>

Remove click delays

include Fastclick

<script type="text/javascript" src="./static/vendors/fastclick.1.0.6.min.js"></script>

then

if ('addEventListener' in document) {    document.addEventListener('DOMContentLoaded', function() {        FastClick.attach(document.body);    }, false);  }

Async loading Components

// import Countup from './demos/Countup'    const Countup = function (resolve) {    require(['./demos/Countup'], resolve) // webpack will do the rest things  }

Work in Progress

This project is still in progress, so do not rely on this for anything important before production-ready version released. And pull requests are welcome.

Development 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 test

For detailed explanation on how things work, consult the docs for vue-loader.

Components

Liscence

MIT

项目地址： https://github.com/airyland/vux