gauseen / vui-m

vuejs 2.x mobile ui toolkit

vui-m

A high quality UI Toolkit built on Vue 2.x.

文档 API

在线演示

可用组件

Toast
Swipe
  Swipe-item
ActionSheet
InfiniteScroll
Masker

多谢支持，持续更新中...

目录结构

|———build       # webpack 配置项
|
|
|———config      # 配置项
|
|
|———distNpm     # vue ui 组件库产出 ———> npm run build:preview，用于发布 npm 包
|
|
|———distPreview # 预览项目产出 ———> npm run build:preview
|
|
|
|———.vuepress——| vui-docs   # 文档产出目录 ———> npm run build:docs
|
|
|
|———preview     # 组件（预览）测试目录
|
|
|———docs        # UI 库文档编写目录
|
|
|                 |————index.js    # vue ui 库入口文件
|                 |
|                 |————components  # vue ui 组件开发目录
|                 |
|———src(组件开发)——|————mixins      # mixins
|                 |
|                 |————styles      # 公共样式及单页面抽离出的样式
|                 |
|                 |————utils       # 公用方法
|
|
|———npmPublish  # 发布 npm 包 所需文件 
|
|
|———static      # 静态文件

安装依赖

npm i vui-m -S

Vue 全局安装

import Vue from 'vue';
import Vuim from 'vui-m'
Vue.use(Vuim)

import 'vui-m/dist/css/vui-m.css'

举个栗子

<template>
    <Test :txt="value" />
</template>
<script>
    export default {
        data () {
            return {
                value: '传值测试'
            }
        }
    }
</script>

scripts

npm run dev              # 本地开发 components
npm run dev:docs         # 本地开发 文档 API

npm run build:npm        # 编译 npm 包
npm run build:preview    # 编译 在线演示 demo
npm run build:docs       # 编译 文档 API

npm run gh:preview       # 部署 在线演示
npm run gh:docs          # 部署 文档 API