Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
/ vux Public
forked from airyland/vux

Mobile web UI Components based on Vue and WeUI

Notifications You must be signed in to change notification settings

xazzz/vux

Repository files navigation

VUX = Vue + Weui + Components

Demo

https://vux.li

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

About

Mobile web UI Components based on Vue and WeUI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 45.5%
  • JavaScript 43.0%
  • CSS 11.2%
  • HTML 0.3%

AltStyle によって変換されたページ (->オリジナル) /