imgzone-com v1.0.9

imgzone-com

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

示例：

<warebasic-imgzone class="imgCom" :ref="imgzon" :resolvingpower="sizePic" format="" :linenum="10" :pagesize="20" :uploadtitle="选择图片" :classification="true" :keyword="true" :multiple="false" @choosenimg="choosenimg(data)">

引入组件

# tips: 
         1.class-->可自定义改变样式
         2.ref-->自定义对象名称
         3.resolvingpower-->【Array】尺寸，如：700*800 sizePic=[700,800]
         4.format-->【String】格式，如：jpg,png. format="jpg,png"
         5.linenum-->【Number】每行显示多少个图片
         6.pagesize-->【Number】每页显示多少个图片
         7.uploadtitle-->【String】图片组件弹窗标题
         8.classification-->【Boolean】是否显示图片分类查询
         9.keyword-->【Boolean】是否显示关键词查询
         10.multiple-->【Boolean】是否多选
         11.choosenimg-->选择图片后的回调函数
         12.minsize-->【String 可不填】图片尺寸最小限制
         13.maxsize-->【String 可不填】图片尺寸最大限制

            methods：{
                this.$refs.imgzon.open();//打开弹窗事件
                choosenimg: function(data){
                    选择图片的回调，data里面为选择的图片信息    
                },
            }