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.
100 lines
2.3 KiB
100 lines
2.3 KiB
<template> |
|
<view class="poster-poster" v-if="status === false"> |
|
<view class="tip"> |
|
<text class="iconfont icon-shuoming"></text>提示：长按图片保存至手机相册 |
|
</view> |
|
<view class="poster"> |
|
<image :src="image" mode="widthFix" show-menu-by-longpress /> |
|
</view> |
|
</view> |
|
</template> |
|
<script> |
|
import { |
|
getBargainPoster, |
|
getCombinationPoster |
|
} from "@/api/activity"; |
|
|
|
export default { |
|
name: "Poster", |
|
components: {}, |
|
props: {}, |
|
data: function () { |
|
return { |
|
status: true, |
|
id: 0, |
|
image: "" |
|
}; |
|
}, |
|
mounted: function () { |
|
var that = this; |
|
var id = that.$yroute.query.id; |
|
var type = that.$yroute.query.type; |
|
that.id = id; |
|
if (type == 2) { |
|
that.getBargainPoster(); |
|
} else { |
|
that.getCombinationPoster(); |
|
} |
|
}, |
|
methods: { |
|
// 砍价海报 |
|
getBargainPoster: function () { |
|
var that = this; |
|
let from = this.$deviceType |
|
if (from == 'weixin' || this.$deviceType == 'weixinh5') { |
|
from = 'uniappH5' |
|
} |
|
getBargainPoster({ |
|
bargainId: that.id, |
|
from |
|
}) |
|
.then(res => { |
|
that.image = res.data.url; |
|
that.status = false; |
|
}) |
|
.catch(res => { |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: "none", |
|
duration: 2000 |
|
}); |
|
}); |
|
}, |
|
// 拼团海报 |
|
getCombinationPoster: function () { |
|
var that = this; |
|
console.log(this.$deviceType) |
|
let from = this.$deviceType |
|
if (from == 'weixin' || this.$deviceType == 'weixinh5') { |
|
from = 'uniappH5' |
|
} |
|
console.log(from) |
|
getCombinationPoster({ |
|
id: that.id, |
|
from |
|
}) |
|
.then(res => { |
|
that.image = res.data.url; |
|
that.status = false; |
|
}) |
|
.catch(res => { |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: "none", |
|
duration: 2000 |
|
}); |
|
}); |
|
} |
|
} |
|
}; |
|
</script> |
|
|
|
<style scoped lang="less"> |
|
page { |
|
background-color: #eb3729; |
|
} |
|
|
|
.poster-poster { |
|
height: unset !important; |
|
} |
|
</style>
|
|
|