更新记录
1.0.0(2025-02-27)
高清图片预览,解决previewImage误点图片或者黑色背景关闭查看图片
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
- |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
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>