<template>
<view>
<view class="tit">
欢迎扫码加入
</view>
<image show-menu-by-longpress="true" src="/static/img/qrcode/1.jpg" class="btn-icon" @click="previewImage">
</image>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
onReady() {
},
computed: {
},
methods: {
previewImage() {
uni.previewImage({
// 需要预览的图片链接列表。若无需预览，可以注释urls
urls: [e.target.src],
// 为当前显示图片的链接/索引值
current: e.target.src,
// 图片指示器样式
indicator: 'default',
// 是否可循环预览
loop: false,
success: res => {
console.log('previewImage res', res);
},
fail: err => {
console.log('previewImage err', err);
}
});
}
}
}
</script>
</script>
<style lang="scss" scoped>
page {
.tit {
text-align: center;
margin: 15px auto;
}
.btn-icon {
display: block;
height: 794rpx;
width: 630rpx;
margin: 15px auto;
}
}
</style>
文章来源地址https://www.toymoban.com/news/detail-764311.html
文章来源：https://www.toymoban.com/news/detail-764311.html
到了这里，关于uniapp实现微信小程序长按二维码扫码加群或好友的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
