Home Explore Help
Sign In
githab
/
nutui
3
0
Fork 0
Files
Tree: 03b29fa6fa
Branches Tags
nutui
/
dist
/
52.js

52.js 7.6 KB
History Raw

12 
  1. /*! NutUI v1.2.2 Tue May 15 2018 17:51:06 GMT+0800 (中国标准时间) */
    2. 

  2. webpackJsonpnutui([52],{1086:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("nut-docheader",{attrs:{name:t.$route.name,chName:t.$route.params.chnName,type:"Component",desc:"图片选取组件。",showQrCode:!0}}),t._v(" "),i("h5",[t._v("功能")]),t._v(" "),t._m(0),t._v(" "),i("h5",[t._v("示例")]),t._v(" "),i("h6",[t._v("基本用法，选择添加图片")]),t._v(" "),i("nut-codebox",{attrs:{code:t.demo1,imgUrl:"../asset/img/demo/addImagesBox1.png"}}),t._v(" "),i("h6",[t._v("限制图片大小及数量")]),t._v(" "),i("nut-codebox",{attrs:{code:t.demo2}}),t._v(" "),i("h6",[t._v("图片删除，提供了delete接口可以直接选取要删除的图片，单击图片删除")]),t._v(" "),i("nut-codebox",{attrs:{code:t.demo3}}),t._v(" "),i("h6",[t._v("大图预览")]),t._v(" "),i("p",[t._v("该功能主要结合nut-pictureview组件一起使用，代码示例:")]),t._v(" "),i("nut-codebox",{attrs:{code:t.demo5}}),t._v(" "),t._m(1)],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ul",[i("li",[t._v("本组件用于选择添加图片，可结合上传组件实现图片上传功能。")]),t._v(" "),i("li",[t._v("可以配置上传图片的大小。")]),t._v(" "),i("li",[t._v("可以配置选择图片最大数量。")]),t._v(" "),i("li",[t._v("支持删除图片。")]),t._v(" "),i("li",[t._v("支持图片选择完成事件。")]),t._v(" "),i("li",[t._v("提供上传图片的接口配置，若不配置则可以通过提供的事件接口自行处理图片上传等操作。")])])},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"tbl-wrapper"},[i("h5",[t._v("Props")]),t._v(" "),i("table",{staticClass:"u-full-width"},[i("thead",[i("tr",[i("th",[t._v("参数")]),t._v(" "),i("th",[t._v("说明")]),t._v(" "),i("th",[t._v("类型")]),t._v(" "),i("th",[t._v("默认值")]),t._v(" "),i("th",[t._v("可选值")])])]),t._v(" "),i("tbody",[i("tr",[i("td",[t._v("size")]),t._v(" "),i("td",[t._v("添加图片大小，默认不限大小，单位KB")]),t._v(" "),i("td",[t._v("Number")]),t._v(" "),i("td",[t._v("--")]),t._v(" "),i("td",[t._v("--")])]),t._v(" "),i("tr",[i("td",[t._v("maxImg")]),t._v(" "),i("td",[t._v("可选添加图片的最大值")]),t._v(" "),i("td",[t._v("Number")]),t._v(" "),i("td",[t._v("--")]),t._v(" "),i("td",[t._v("--")])]),t._v(" "),i("tr",[i("td",[t._v("delete")]),t._v(" "),i("td",[t._v("传入需要删除图片的序号")]),t._v(" "),i("td",[t._v("Number")]),t._v(" "),i("td",[t._v("--")]),t._v(" "),i("td",[t._v("--")])])])]),t._v(" "),i("h5",[t._v("Events")]),t._v(" "),i("table",{staticClass:"u-full-width"},[i("thead",[i("tr",[i("th",[t._v("事件名")]),t._v(" "),i("th",[t._v("说明")]),t._v(" "),i("th",[t._v("回调参数")])])]),t._v(" "),i("tbody",[i("tr",[i("td",[t._v("imgMsg")]),t._v(" "),i("td",[t._v("添加图片按钮触发后回调，返回图片信息，可以根据实际情况处理")]),t._v(" "),i("td",[t._v("图片信息")])])])])])}]}},1179:function(t,e,i){var n=i(987);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);i(3)("56447f34",n,!0,{})},828:function(t,e,i){function n(t){i(1179)}var d=i(1)(i(919),i(1086),n,null,null);t.exports=d.exports},919:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{demo1:'<nut-addimagesbox \nclass="btn"  \n@imgMsg="addimg1"\n></nut-addimagesbox>',demo2:'<nut-addimagesbox \nclass="btn"\n:size="8000" \n:maxImg="6" \n:isUpload="true" \n:ajax="option"  \n@imgMsg="addimg" \n></nut-addimagesbox>',demo3:'<ul class="img-box">\n    <li v-for="(img,key) in imgs3" :key="key" @click="deleteImg(key)">\n        <img :src="img" alt="">\n    </li>\n</ul>\n\n<nut-addimagesbox class="btn"\n:delete="delete3"\n@imgMsg="addimg3"\n></nut-addimagesbox>',demo5:'<ul class="img-box">\n    <li v-for="(img,key) in imgs5" :key="key"  @click="setPicShow(key)">\n        <img :src="img" alt="">\n    </li>\n</ul>\n\n<nut-pictureview \n:visible.sync="picShow" \n:bgColor="coverColor" \n:imgArr="imgs5" \n:initNum="picShowNum" \n:pagination="showPage" \n@close-pic="closeDo"\n></nut-pictureview>\n\n<nut-addimagesbox \nclass="btn"  \n@imgMsg="addimg5"\n></nut-addimagesbox>'}},methods:{addimg1:function(t){var e=this;3==t.code&&(e.imgs1=t.msg.imgs)},addimg3:function(t){var e=this;3==t.code&&(e.imgs3=t.msg.imgs)},addimg5:function(t){var e=this;3==t.code&&(e.imgs5=t.msg.imgs)},addimg:function(t){console.log("图片信息：",t);var e=this;3==t.code&&(e.imgs=t.msg.imgs)},deleteImg:function(t){console.log(t);var e=this,i=Number(new Date);e.delete3=t+"-"+i,console.log(e.delete3)},setPicShow:function(t){this.picShowNum=t+1,this.picShow=!0}}}},987:function(t,e,i){e=t.exports=i(2)(),e.push([t.i,'.btn{width:40px;height:40px;border-radius:6px;background:#1eaedb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkYzQUM2NjQ3NkYxMUU4ODY0OEIwQjI4QzQyOUVDRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYzQUM2NzQ3NkYxMUU4ODY0OEIwQjI4QzQyOUVDRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM2RjNBQzY0NDc2RjExRTg4NjQ4QjBCMjhDNDI5RUNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2RjNBQzY1NDc2RjExRTg4NjQ4QjBCMjhDNDI5RUNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aEqTHAAAA3pJREFUeNrsms1rE0EYxneLl7QpKn40eotgK+IhitJLtX4gPQgmPdhjsSe9pfZuJfYvsAftTenBgoKpEKhR/Kh6KYoKitB66M1WqzRB+yEtxGfhGZlMd5PNZjedgC/8GMiyM887Ox/vzBuzUCgY9WwNRp3bFp/qaQQd4CQ4CFpBCwjz+W/wDcyAz+AFeA2Wq27ZGkIeMUEXuAuWC5XbMt/tYl2edJge50AcXAOHRT+AD+AZeAumwRx73uCX2APawFFwGsSAyefvwXUwHvQX2AcmpF6cB4P83Utdg6xD2ESldVXS4AWQZ0OL4AoIVTEEBSHWtci682zLVwdSUi+lQcQH4SoR1i0s5ZcDw6xwHQxUM+FcLgwDbMuyG9U6IHr+D+gOULhKN9ss+yXKjXnR8+drKF4Ql75ET6UOWCtBji/3e2g8DLYrhD3U008NOafVyelFsVQ+8DjmMzYbV8bjnEhLS6wrBxLSUul1tfHLAbE6iSU2oT5XgzmTO6zBnXFeg3htnloMajNLRaNnucVbgdeIRkHnCB2JUaOjA30sb4EVjRxYkTq0z8mBRgZpVmA2qmHoP0ptcWrd4MBxEGJUOauhA7PUFqLWDQ6cYPlU4wOY0NZp58AhllMaOzClaC06UraynC5zdLzjoqEjDr/dc/HuxRJHzRmW+/+t+9KJ7AfYAXaDBYcKtoJcwL28DeQdnu0C38FPsFMdQs3SAVxX+6Vorf9rlQYb78Ia621WtBZN4gXOgUiJObAG7rtoqIO3ELLN8S6onK2VeBaRtG5wwJrhB3j18dGhAmt16HEhIgPOKb+9c/luKWtj+cVuCH1i2a7xEGpXtBY58JLlGY0dENom7Rx4BVYZskY1FB+ltlV5LjUo43ucB4ZeDR3opbaHYMlpH7jN8jKjPl0sRE2yRlsHnjBkjUgv6GCXqMnS9rjc5a7Oh/rucod6g/PgEYOqm+ohusZm8nhracmCtNvrdd0utvKVXmwZvM6r26tFwZAGl7tDfl6vJ2twvZ6Uen44qARHSwDiW4JKcDilmJI+ppiSQaeY5NUpqyT5roKoB+FRvisn+bKVJvm8plkTvGiNSWlWK1X6HLzh2eKrFLM0gb28+TgGTjFFK/YYa4dN1SLNapfoHqsi0T22WYlu1Zp4jOxU/mogn2HlvxpMMiReqnqr/v9vlU22vwIMAAmKvJ+7otQzAAAAAElFTkSuQmCC) no-repeat 50%;background-size:30px 30px}.img-box{min-height:110px;line-height:100px;padding-top:10px;background:#f2f2f2}.img-box li{float:left;list-style:none;width:100px;height:100px;margin-right:10px;border:1px solid #ddd}.img-box li img{float:left;width:100%;height:100%}.img-box:after{content:"";display:block;clear:both}#pictureView .nut-swiper{width:750px}#pictureView .nut-swiper img{width:750px;height:750px}#pictureView .pv-con .nut-swiper{height:auto}',""])}});
    3.