Uniapp + vue3 图片预览

该插件可放大图片、移动图片、PC端鼠标滚轮也可以放大缩小( 兼容App，H5，小程序，PC )

效果图

 使用方法

1    npm install uni-preview

2    import install from 'uni-preview'

3    install(app)  // 安装

import install from 'uni-preview'  // 引入插件

// #ifdef VUE3
import { createSSRApp } from 'vue'
import App from './App.vue'
export function createApp() {
  const app = createSSRApp(App)
  install(app)  // 安装
  return {
    app,
  }
}
// #endif

页面中使用方式 

<template>
	<view class="wrap">
		<Preview height="1000" path="https://xxxxxxxxx"/>
	</view>
</template>

<script setup>

</script>

<style scoped lang="scss">

</style>

参数

#     使用方法:

#     属性
# 	  height				     高度(单位rpx)
# 	  width				         宽度(单位rpx)
# 	  path				         资源地址
# 	  loadingText			     loading的文字提示