1 line
98 KiB
JavaScript
1 line
98 KiB
JavaScript
|
webpackJsonp([26],{"/fOK":function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.demos=void 0;var i=o("b7zS"),a=function(e){return e&&e.__esModule?e:{default:e}}(i),d=t.demos=[{component:a.default,code:"<template>\n <<span class=\"hljs-selector-tag\">div</span> class=<span class=\"hljs-string\">\"md-example-child md-example-child-image-reader\"</span>>\n <div>\n <ul>\n <template v-<span class=\"hljs-keyword\">for</span>=<span class=\"hljs-string\">\"(item, index) in imgs\"</span>>\n <<span class=\"hljs-selector-tag\">li</span> @click=<span class=\"hljs-string\">\"showViewer(index, $event)\"</span> :key=<span class=\"hljs-string\">\"index\"</span>>\n <<span class=\"hljs-selector-tag\">div</span> class=<span class=\"hljs-string\">\"img\"</span>\n :style=<span class=\"hljs-string\">\"`background: url(${item}) center no-repeat;background-size:cover;`\"</span>>\n </div>\n </li>\n </template>\n </ul>\n </div>\n <md-image-viewer \n :show.sync=<span class=\"hljs-string\">\"isViewerShow\"</span> \n :list=<span class=\"hljs-string\">\"imgs\"</span> \n :has-dots=<span class=\"hljs-string\">\"true\"</span>\n :<span class=\"hljs-attribute\">initial</span>-index=<span class=\"hljs-string\">\"viewerIndex\"</span>>\n </md-image-viewer>\n </div>\n</template>\n\n<script>\rimport {ImageViewer} from <span class=\"hljs-string\">'mand-mobile'</span>\n\nexport default {\n name: <span class=\"hljs-string\">'image-viewer-demo'</span>,\n title: <span class=\"hljs-string\">'\u57FA\u672C'</span>,\n message: <span class=\"hljs-string\">'\u8BF7\u5728\u79FB\u52A8\u8BBE\u5907\u4E2D\u626B\u7801\u9884\u89C8'</span>,\n <span class=\"hljs-attribute\">height</span>: <span class=\"hljs-number\">500</span>,\n components: {\n [ImageViewer.name]: ImageViewer,\n },\n data() {\n return {\n isViewerShow: false,\n viewerIndex: <span class=\"hljs-number\">0</span>,\n imgs: [\n <span class=\"hljs-string\">'http://img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/27fb7f097ca218d743f816836bc7ea4a'</span>,\n <span class=\"hljs-string\">'http://manhattan.didistatic.com/static/manhattan/insurancePlatform_spu/uploads/c2912793a222eb24b606a582fd849ab7'</span>,\n <span class=\"hljs-string\">'http://img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/6ee5a0ba9340ca452cbc827902e76be0'</span>,\n <span class=\"hljs-string\">'http://img-hxy021.didistatic.com/static/strategymis/insurancePlatform_spu/uploads/d751dd4487e265de3b8587f504eee2c3'</span>,\n ],\n }\n },\n methods: {\n showViewer(index) {\n this<span class=\"hljs-selector-class\">.viewerIndex</span> = index\n this<span class=\"hljs-selector-class\">.isViewerShow</span> = true\n },\n },\n}\n\r</script>\n\n<style lang=<span class=\"hljs-string\">\"stylus\"</span> scoped>\n<span class=\"hljs-selector-class\">.md-example-child-image-reader</span>\n <span class=\"hljs-attribute\">float</span> left\n <span class=\"hljs-attribute\">width</span> <span class=\"hljs-number\">100%</span>\n <span class=\"hljs-selector-tag\">ul</span>\n <span class=\"hljs-attribute\">float</span> left\n <span class=\"hljs-attribute\">width</span> <span class=\"hljs-number\">100%</span>\n <span class=\"hljs-selector-tag\">li</span>\n <span class=\"hljs-attribute\">position</span> relative\n <span class=\"hljs-attribute\">float</span> left\n <span class=\"hljs-attribute\">width</span> <span class=\"hljs-number\">22%</span>\n <span class=\"hljs-attribute\">padding-bottom</span> <span class=\"hljs-number\">22%</span>\n <span class=\"hljs-attribute\">margin-left</span> <span class=\"hljs-number\">2%</span>\n <span class=\"hljs-attribute\">margin-top</span> <span class=\"hljs-number\">2%</span>\n <span class=\"hljs-attribute\">border</sp
|