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.
94 lines
2.6 KiB
94 lines
2.6 KiB
3 years ago
|
<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>
|
||
|
|
</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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</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>
|