fes.js/assets/js/33.747fbc03.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{309:function(t,e,a){t.exports=a.p+"assets/img/framework.d8268235.jpg"},430:function(t,e,a){"use strict";a.r(e);var i=a(309),s=a.n(i),l={data:function(){return{zoomOption:{src:s.a,minWidth:200,maxWidth:500}}},methods:{}},r=a(46),n=Object(r.a)(l,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[i("h1",{attrs:{id:"zoom-图片放大镜"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#zoom-图片放大镜"}},[t._v("#")]),t._v(" Zoom 图片放大镜")]),t._v(" "),i("h2",{attrs:{id:"概述"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#概述"}},[t._v("#")]),t._v(" 概述")]),t._v(" "),i("p",[t._v("把小图片放大显示在屏幕中间，当按下Esc或者关闭按钮时隐藏图片。")]),t._v(" "),i("h2",{attrs:{id:"代码示例"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#代码示例"}},[t._v("#")]),t._v(" 代码示例")]),t._v(" "),i("ClientOnly",[i("row",[i("cell",{staticClass:"pr-20",attrs:{span:"12"}},[i("componetTemplate",{attrs:{title:"基础用法",template:"ui/templates/zoom/1.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[i("img",{directives:[{name:"zoom",rawName:"v-zoom"}],staticStyle:{width:"100px"},attrs:{src:a(309)}})]},proxy:!0},{key:"description",fn:function(){return[i("p",[t._v("在img标签上设置v-zoom指令，点击显示原图片。")])]},proxy:!0}])})],1),t._v(" "),i("cell",{staticClass:"pl-20",attrs:{span:"12"}},[i("componetTemplate",{attrs:{title:"高级用法",template:"ui/templates/zoom/2.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[i("Wb-button",{directives:[{name:"zoom",rawName:"v-zoom",value:t.zoomOption,expression:"zoomOption"}],attrs:{type:"primary"}},[t._v("点击查看图片")])]},proxy:!0},{key:"description",fn:function(){return[i("p",[t._v("在任何dom或者组件上设置zoom指令，当点击时都会显示放大的图片")]),t._v(" "),i("p",[t._v("src表示图片的路径，minWidth表示图片的最小宽度，maxWidth表示图片的最大宽度")])]},proxy:!0}])})],1)],1)],1),t._v(" "),i("h2",{attrs:{id:"api"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" API")]),t._v(" "),i("h3",{attrs:{id:"props"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#props"}},[t._v("#")]),t._v(" Props")]),t._v(" "),i("table",[i("thead",[i("tr",[i("th",{staticStyle:{"text-align":"left"}},[t._v("属性")]),t._v(" "),i("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),i("th",{staticStyle:{"text-align":"left"}},[t._v("类型")]),t._v(" "),i("th",{staticStyle:{"text-align":"left"}},[t._v("默认值")])])]),t._v(" "),i("tbody",[i("tr",[i("td",{staticStyle:{"text-align":"left"}},[t._v("src")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("图片路径")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("null")])]),t._v(" "),i("tr",[i("td",{staticStyle:{"text-align":"left"}},[t._v("minWidth")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("图片最小宽度")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("Number")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("140")])]),t._v(" "),i("tr",[i("td",{staticStyle:{"text-align":"left"}},[t._v("maxWidth")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("图片最大宽度")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("Number")]),t._v(" "),i("td",{staticStyle:{"text-align":"left"}},[t._v("window.innerWidth * 0.8")])])])])],1)}),[],!1,null,null,null);e.default=n.exports}}]);