import{e as a,o as n,G as t}from"./vendor.bd251973.js";const e={class:"markdown-body"},p=t(`

Imagepreview \u7EC4\u4EF6

\u4ECB\u7ECD

\u56FE\u7247\u9884\u89C8

\u5B89\u88C5

import { createApp, reactive, toRefs } from 'vue';

// vue
import { ImagePreview, Swiper, SwiperItem, Popup } from '@nutui/nutui';
// taro
import { ImagePreview, Swiper, SwiperItem, Popup } from '@nutui/nutui-taro';


const app = createApp();
app.use(ImagePreview).use(Swiper).use(SwiperItem).use(Popup).use(Cell).use(Icon);

\u57FA\u7840\u7528\u6CD5

<nut-imagepreview :show="showPreview" :images="dataImgItem" @close="hideFn" />
<nut-cell title="\u5C55\u793A\u56FE\u7247\u9884\u89C8" :showIcon="true" @click="showFn"></nut-cell>

setup() {
    const resData = reactive({
        showPreview: false,
        dataImgItem: [
            {
            imgSrc: '//m.360buyimg.com/mobilecms/s750x366_jfs/t1/18629/34/3378/144318/5c263f64Ef0e2bff0/0d650e0aa2e852ee.jpg',
            },
            {
            imgSrc: '//m.360buyimg.com/mobilecms/s750x366_jfs/t1/26597/30/4870/174583/5c35c5d2Ed55eedc6/50e27870c25e7a82.png',
            },
            {
            imgSrc: '//m.360buyimg.com/mobilecms/s750x366_jfs/t1/9542/17/12873/201687/5c3c4362Ea9eb757d/60026b40a9d60d85.jpg',
            },
            {
            imgSrc: '//m.360buyimg.com/mobilecms/s750x366_jfs/t1/30042/36/427/82951/5c3bfdabE3faf2f66/9adca782661c988c.jpg',
            },
        ]
    });

    const showFn = () => {
        resData.showPreview = true;
    }

    const hideFn = () => {
        resData.showPreview = false;
    }
    
    return {
        ...toRefs(resData),
        showFn,
        hideFn
    };
},

Props

\u5B57\u6BB5\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
show\u662F\u5426\u5C55\u793A\u9884\u89C8\u56FE\u7247Booleanfalse
images\u9884\u89C8\u56FE\u7247\u6570\u7EC4Array<String>[]

Events

\u5B57\u6BB5\u8BF4\u660E\u56DE\u8C03\u53C2\u6570
close\u70B9\u51FB\u906E\u7F69\u5173\u95ED\u56FE\u7247\u9884\u89C8\u65F6\u89E6\u53D1\u65E0
`,12),l=[p],d={setup(c,{expose:s}){return s({frontmatter:{}}),(o,h)=>(n(),a("div",e,l))}};export{d as default};