更新记录
1.0.0(2025-02-27)
高清图片预览,解决previewImage误点图片或者黑色背景关闭查看图片
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
MessagesDeepseekApi
<template>
<view>
<view v-for="(item,index) in list" :key="index">
<view class="ski_run">
<image v-if="item.src" :src="item.src" mode="aspectFill" @tap="todetail(item)"></image>
<p>{{item.name}}</p>
</view>
</view>
<start-drag-img-vue v-if="preview" :imgSrc="imgurl" @closed='closed'></start-drag-img-vue>
</view>
</template>
```javascript
<script>
import GetMessagesDeepseekApi from '@/components/MessagesDeepseekApi/MessagesDeepseekApi.vue'
export default {
components: {
GetMessagesDeepseekApi
},
data() {
return {
list: [
{src: "/static/img_1.jpeg",name:'云顶滑雪场'},
{src: "/static/img_2.jpg",name:'万龙滑雪场'},
{src: "/static/img_3.jpg",name:'富龙滑雪场'},
{src: "/static/img_4.jpg",name:'太舞滑雪场'},
],
imgurl:"",
preview: false,
}
},
onLoad() { },
methods: {
todetail(item) {
this.imgurl = item.src
this.preview = true
},
closed(){
this.preview = false
},
}
}
</script>