You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
3.2 KiB
114 lines
3.2 KiB
<template> |
|
<view class="government"> |
|
|
|
<!-- <view class="governmentitem"> |
|
<image src="https://zsy-m.mianyang.cn/upload/2021/12/08/c339a2e0-3be1-4691-81ab-5bc8d4083116.png" mode="" |
|
style="width: 100vw;height: 150vh;"></image> |
|
</view> --> |
|
|
|
<view class="item" @click="showimg1()"> |
|
<image src="https://zsy-m.mianyang.cn/upload/2022/03/24/7e1ec8cb-5cd2-4652-8db8-cc87a3cd71f9.png" mode=""></image> |
|
</view> |
|
<view class="item" @click="showimg2()"> |
|
<image src="https://zsy-m.mianyang.cn/upload/2022/03/24/d4441c01-4f30-4abb-97ba-d8497757a29a.png" mode=""></image> |
|
</view> |
|
|
|
<view class="item" @click="showimg3()"> |
|
<image src="https://zsy-m.mianyang.cn/upload/2022/03/24/6f441bff-ef82-40c2-8aea-c846f24c761f.png" mode=""></image> |
|
</view> |
|
|
|
<view class="item" @click="showimg4()"> |
|
<image src="https://zsy-m.mianyang.cn/upload/2022/05/10/97105ded-1145-4e10-a558-f359635bdfab.jpg" mode=""></image> |
|
</view> |
|
|
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default{ |
|
data(){ |
|
return{ |
|
|
|
} |
|
}, |
|
methods:{ |
|
showimg1(){ |
|
uni.previewImage({ |
|
urls: ["https://zsy-m.mianyang.cn/upload/2022/03/24/8f693e4e-55a9-448c-b995-9a7904b72d7b.jpg"], |
|
longPressActions: { |
|
itemList: ['发送给朋友', '保存图片', '收藏'], |
|
success: function(data) { |
|
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片'); |
|
}, |
|
fail: function(err) { |
|
console.log(err.errMsg); |
|
} |
|
} |
|
}); |
|
}, |
|
showimg2(){ |
|
uni.previewImage({ |
|
urls: ["https://zsy-m.mianyang.cn/upload/2022/03/24/931e936b-e768-489a-8ddb-851bc87cd4f4.jpg"], |
|
longPressActions: { |
|
itemList: ['发送给朋友', '保存图片', '收藏'], |
|
success: function(data) { |
|
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片'); |
|
}, |
|
fail: function(err) { |
|
console.log(err.errMsg); |
|
} |
|
} |
|
}); |
|
}, |
|
showimg3(){ |
|
uni.previewImage({ |
|
urls: ["https://zsy-m.mianyang.cn/upload/2022/03/24/757a305d-b893-4a78-890d-d1883ab4fb88.jpg"], |
|
longPressActions: { |
|
itemList: ['发送给朋友', '保存图片', '收藏'], |
|
success: function(data) { |
|
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片'); |
|
}, |
|
fail: function(err) { |
|
console.log(err.errMsg); |
|
} |
|
} |
|
}); |
|
}, |
|
|
|
showimg4(){ |
|
uni.previewImage({ |
|
urls: ["https://zsy-m.mianyang.cn/upload/2022/05/10/e2907af7-a214-48d6-b212-7a7066a9b07b.jpg"], |
|
longPressActions: { |
|
itemList: ['发送给朋友', '保存图片', '收藏'], |
|
success: function(data) { |
|
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片'); |
|
}, |
|
fail: function(err) { |
|
console.log(err.errMsg); |
|
} |
|
} |
|
}); |
|
} |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
.government { |
|
margin: 0rpx auto; |
|
padding-bottom: 80rpx; |
|
.item{ |
|
width: 670rpx; |
|
height: 250rpx; |
|
margin: 0rpx auto; |
|
margin-top: 40rpx; |
|
border-radius: 5rpx; |
|
image { |
|
width: 670rpx; |
|
height: 250rpx; |
|
border-radius: 5rpx; |
|
} |
|
} |
|
} |
|
</style>
|
|
|