68 lines
1.3 KiB
Vue
68 lines
1.3 KiB
Vue
|
<template>
|
|||
|
|
<view class="app">
|
|||
|
|
<view class="title">
|
|||
|
|
长按识别二维码
|
|||
|
|
</view>
|
|||
|
|
<image src="../../static/kefuzx.jpg" mode="" :show-menu-by-longpress="true"></image>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
imageUrl: [
|
|||
|
|
'../../static/kefuzx.jpg'
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
previewImage(e) {
|
|||
|
|
uni.previewImage({
|
|||
|
|
// 需要预览的图片链接列表。若无需预览，可以注释urls
|
|||
|
|
urls: this.imageUrl,
|
|||
|
|
// 为当前显示图片的链接/索引值
|
|||
|
|
current: 0,
|
|||
|
|
// 图片指示器样式
|
|||
|
|
indicator: 'default',
|
|||
|
|
// 是否可循环预览
|
|||
|
|
loop: false,
|
|||
|
|
// 长按图片显示操作菜单，如不填默认为保存相册
|
|||
|
|
// longPressActions:{
|
|||
|
|
// itemList:[this.l('发送给朋友'),this.l]
|
|||
|
|
// },
|
|||
|
|
success: res => {
|
|||
|
|
console.log('previewImage res', res);
|
|||
|
|
},
|
|||
|
|
fail: err => {
|
|||
|
|
console.log('previewImage err', err);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.app {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100vh;
|
|||
|
|
padding: 0;
|
|||
|
|
background-color: #000000;
|
|||
|
|
position: relative;
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
color: #fff;
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 1300rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|