vue UI库用法

vueUI集合

一、元素拖拽

二、VUX UI组件库

三、上拉刷新，下拉加载

下拉刷新，上拉加载 scroll 演示

安装

npm i vue-scroller -S

使用

• 在main.js中配置

import VueScroller from 'vue-scroller'
Vue.use(VueScroller)

组件使用

<scroller 
  :on-refresh="refresh"
  :on-infinite="infinite">
  <!-- 加载的数据列表-->
</scroller>

四、一只基于vue2.x版本的移动端&微信UI -YDUI Touch

• 安装方法： npm install vue-ydui --save
• 使用
  main.js中引用(全局引用)

import Vue from 'vue'
import YDUI from 'vue-ydui'; /* 相当于import YDUI from 'vue-ydui/ydui.rem.js' */
import 'vue-ydui/dist/ydui.rem.css';
/* 使用px：import 'vue-ydui/dist/ydui.px.css'; */
Vue.use(YDUI);

或者main.js中引用(按需引用)

//按需引用一个确认弹框
import { Confirm } from 'vue-ydui/dist/lib.rem/dialog';
/* 使用px：import { Confirm, Alert, Toast, Notify, Loading } from 'vue-ydui/dist/lib.px/dialog'; */

Vue.prototype.$dialog = {
  confirm: Confirm,
};