img-large-mode
0.1.0 • Public • Published
使用方式(示例)
<template>
<div class="use">
<button @click="openMask">点击</button>
</div>
</template>
<script>
//import x from ''
export default {
components: {},
data() {
return {
imgData: require('../assets/logo.png'), // 本地图片
}
},
computed: {},
methods: {
openMask() {
this.$_openLargeMode.show({
imgData: `https://user-gold-cdn.xitu.io/2019/12/7/16ee08923006f96b?imageView2/0/w/1280/h/960/format/webp/ignore-error/1`,
// imgData: this.imgData,
buttonOptions: {
// downloadButton: false
}
})
}
}
}
</script>
<style lang='less' scoped>
//@import url()
</style>
方法 |
描述 |
$_openLargeMode.show() |
打开大图模式 , params: Object |
参数 |
描述 |
imgData |
图片数据,目前仅支持单张图片,String类型 |
buttonOptions |
预览功能按钮,Object类型 |
|
enLargeButton: Boolean |
|
narrowImgButton: Boolean |
|
initImgButton: Boolean |
|
leftButton: Boolean |
|
rightButton: Boolean |
|
downloadButton: Boolean |
Versions
Current Tags
- VersionDownloads (Last 7 Days)
- 0.1.0
0
Version History
- VersionDownloads (Last 7 Days)
- 0.1.0
0
Package Sidebar
Install
Weekly Downloads