vue-mui-controls

vue2.6 + mui3.7.2 封装控件

lib/mui.picker.all.yjmodify.js 修改了mui.picker.all.js文件，使其兼容vue

components/actionSheet.vue 封装了mui的action sheet

components/header.vue 封装了mui的header

components/imageBox.vue 多图片容器,用于展示，添加，删除图片

依赖mui.previewimage.js,mui.zoom.js,mui.imageviewer.css

组件属性：

images，数组，存放图片的路径，数组中数据的格式{ path: 图片路径string, isNew: 是否通过新增按钮添加的图片true/false }

max，整数，图片最大数量

disableEdit，是否允许添加删除图片

components/number.vue 带动画的数字

依赖@tweenjs/tween.js

组件属性：

number，数字

duration，动画时间

precision，精度，显示到小数点后几位

cut，剪切，格式 { start: 0, end: 9999 }

cutDirection，剪切方向，"toLeft"，"toRight"，默认"toLeft"

components/picker.vue 封装mui的picker

依赖lib/mui.picker.all.yjmodify.js,js/yj.dateFormat.js

components/paging.vue 分页

依赖components/picker.vue,components/rollnumbers.vue

组件属性：

page，支持sync

data，数据集

pageSize，页大小

事件：

changed，返回数据格式{ page: 当前页, pagingData：当前页数据 }

components/rollnumber.vue 滚动数字

依赖jquery.easing

组件属性：

number，数字0-9

speed，滚动速度，大于0，可以带小数点，默认为1，数值越大越慢

initNumberRoll，初始化的数值是否滚动，类型bool

components/rollnumbers.vue 多个滚动数字

依赖components/rollnumber.vue

组件属性：

number，总的数字，如果数字的位数大于count，超出的高位不显示

count，滚动的数字个数

speed，滚动速度，大于0，可以带小数点，默认为1，数值越大越慢

initNumberRoll，初始化的数值是否滚动，类型bool

components/scroll.vue 区域滚动，带下拉刷新功能

依赖mui.pullToRefresh.js，mui.pullToRefresh.material.js

组件属性：

enablePulldown，是否开启下拉刷新的功能，类型bool

pulling，刷新中，类型bool，支持sync

pulldownTimeout，下拉超时时间，类型number

scrollY，当前Y轴位置，支持sync

components/search.vue 搜索框

目前暂时只支持绑定input事件

components/tabSlider.vue mui的tab页封装

组件属性：

tabs，数组，数组中可以是string，也可以是object

currentTab，string或者object

tabKey，string，如果tabs数组中是object，则需要指定object的某个属性的属性名为tabKey

components/tabSliderItem.vue mui的tab页的item

组件属性：

alreadyShowed，bool，是否已经展示过，支持sync

components/tooltip.vue 提示标签

依赖jquery

组件属性：

message，标签内容

placement，标签位置，值为"top"、"bottom"、"left"、"right"、"topleft"、"lefttop"、"topright"、"righttop"、"bottomleft"、"leftbottom"、"bottomright"、"rightbottom"

offsetLeft，左偏移量，类型number

offsetTop，上偏移量，类型number

backgroundColor，背景颜色

color，文字颜色

textWrap，文字是否可以换行，默认false

width，宽度，默认auto

components/validationError.vue 错误提示

封装了一下components/tooltip.vue

依赖components/tooltip.vue

组件属性：

message，标签内容

placement，标签位置，值为"top"、"bottom"、"left"、"right"、"topleft"、"lefttop"、"topright"、"righttop"、"bottomleft"、"leftbottom"、"bottomright"、"rightbottom"

offsetLeft，左偏移量，类型number

offsetTop，上偏移量，类型number

textWrap，文字是否可以换行，默认false

width，宽度，默认auto

js/yj.vuerouter.js 手机单页app，实现页面进退功能

依赖css/pageaniimation.css