移动Web UI基于Vue和Weui实现：vux
jopen
9年前
移动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