agile-aliving-ui

测试预览地址

agil-aliving-ui

Github

Github

如何安装使用

npm install agile-aliving-ui --S

###全局引入

import agileui from 'agile-aliving-ui'
Vue.use(agileui)

###按需引入

import Vue from 'vue'
import {
  agileLoading,
  agileToast,
  agileConfirm,
  agileKeyboard,
  agileButton,
  agilePreload,
  agileCarboard
  agileToptip,
  agileSwitch,
  agileActionsheet,
  agileQuestionnaire
  agileCounter
} from 'agile-aliving-ui'

Vue.use(agileLoading)
Vue.use(agileToast)
Vue.use(agileConfirm)
Vue.use(agileKeyboard)
Vue.use(agileButton)
Vue.use(agilePreload)
Vue.use(agileCarboard)
Vue.use(agileToptip)
Vue.use(agileSwitch)
Vue.use(agileActionsheet)
Vue.use(agileQuestionnaire)
Vue.use(agileCounter)

###script标签引入

<agile-toast ref='toast'/>
<script src='agile-aliving-ui/main.js'></script>

###script标签按需引入

<agile-toast ref='toast'/>
<script src='agile-aliving-ui/lib/toast.js'></script>

##组件导图

问卷调查组件说明

现在包含的组件

1、toast

<agile-toast ref='toast'/>

2、confirm

<agile-confirm  ref='confirm' @confirm='confirm'/>

3、keyboard

<agile-keyboard ref='keyboard' @getvalue='getvalue' @pay='pay'/>

4、button

<agile-button ref='button' type='agile'/>

5、loading

<agile-loading ref='loading'/>

6、preload.图片预加载

<agile-preload ref='preload'/>

7、carboard.车牌键盘

<agile-carboard ref='carboard'/>

8、toptip. 顶部提示弹框

<agile-toptip ref='toptip'/>

9、switch. 开关选择器

<agile-switch ref='switch'/>

10、switch. 选项弹出层

<agile-actionsheet ref='actionsheet'/>

11、questionnaire. 问卷

<agile-questionnaire ref='questionnaire'/>

12、counter. 计数器,属性limit(最大库存)，startNum(初始化的数值)

<agile-counter @getcount='getcount' limit=66 startNum=6 ref='counter'/>