137 lines
2.6 KiB
Vue
137 lines
2.6 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class='poster-poster'>
|
|||
|
|
<view class='tip'><text class='iconfont icon-shuoming'></text>提示：点击图片即可保存至手机相册 </view>
|
|||
|
|
<view class='pictrue'>
|
|||
|
|
<image :src='image' mode="widthFix"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import { getBargainPoster, getCombinationPoster } from '../../../api/activity.js';
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
parameter: {
|
|||
|
|
'navbar': '1',
|
|||
|
|
'return': '1',
|
|||
|
|
'title': '拼团海报',
|
|||
|
|
'color': true,
|
|||
|
|
'class': '0'
|
|||
|
|
},
|
|||
|
|
type: 0,
|
|||
|
|
id: 0,
|
|||
|
|
image: '',
|
|||
|
|
from:''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
// #ifdef MP
|
|||
|
|
this.from = 'routine'
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef H5
|
|||
|
|
this.from = 'wechat'
|
|||
|
|
// #endif
|
|||
|
|
var that = this;
|
|||
|
|
if (options.hasOwnProperty('type') && options.hasOwnProperty('id')) {
|
|||
|
|
this.type = options.type
|
|||
|
|
this.id = options.id
|
|||
|
|
if (options.type == 1) {
|
|||
|
|
uni.setNavigationBarTitle({
|
|||
|
|
title: '砍价海报'
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
uni.setNavigationBarTitle({
|
|||
|
|
title: '拼团海报'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
return app.Tips({
|
|||
|
|
title: '参数错误',
|
|||
|
|
icon: 'none'
|
|||
|
|
}, {
|
|||
|
|
tab: 3,
|
|||
|
|
url: 1
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.getPosterInfo();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
getPosterInfo: function() {
|
|||
|
|
var that = this,url = '';
|
|||
|
|
let data = {
|
|||
|
|
id: that.id,
|
|||
|
|
'from': that.from
|
|||
|
|
};
|
|||
|
|
if (that.type == 1) {
|
|||
|
|
getBargainPoster({
|
|||
|
|
bargainId: that.id,
|
|||
|
|
'from': that.from
|
|||
|
|
}).then(res => {
|
|||
|
|
that.image = res.data.url
|
|||
|
|
}).catch(err => {
|
|||
|
|
console.log(err)
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
getCombinationPoster(data).then(res => {
|
|||
|
|
that.image = res.data.url
|
|||
|
|
}).catch(err => {
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
showImage: function() {
|
|||
|
|
var that = this;
|
|||
|
|
let imgArr = this.image.split(',')
|
|||
|
|
uni.previewImage({
|
|||
|
|
urls: imgArr,
|
|||
|
|
longPressActions: {
|
|||
|
|
itemList: ['发送给朋友', '保存图片', '收藏'],
|
|||
|
|
success: function(data) {
|
|||
|
|
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
|
|||
|
|
},
|
|||
|
|
fail: function(err) {
|
|||
|
|
console.log(err.errMsg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
page {
|
|||
|
|
background-color: #d22516 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.poster-poster .tip {
|
|||
|
|
height: 80rpx;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #e8c787;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 80rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.poster-poster .tip .iconfont {
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
vertical-align: -4rpx;
|
|||
|
|
margin-right: 18rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.poster-poster .pictrue {
|
|||
|
|
width: 690rpx;
|
|||
|
|
height: 100%;
|
|||
|
|
margin: 0 auto 50rpx auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.poster-poster .pictrue image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
</style>
|