|
|
|
@ -3,23 +3,17 @@ |
|
|
|
|
|
|
|
|
|
|
|
<navbar title="推荐有礼" |
|
|
|
bgColor="#A3D250" |
|
|
|
:bgColor="bgColor" |
|
|
|
color="#fff" |
|
|
|
leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
|
|
|
|
<view class="" |
|
|
|
style="position: relative;" |
|
|
|
<view class="tui_image" |
|
|
|
v-if="!show"> |
|
|
|
<image :src="configList.tui_image" mode="widthFix" |
|
|
|
style="width: 100%;"></image> |
|
|
|
|
|
|
|
<view class="uni-color-btn" |
|
|
|
style="position: absolute;bottom: 150rpx; |
|
|
|
height: 40rpx; |
|
|
|
background-color: #f40; |
|
|
|
box-shadow: 0 0 10rpx 10rpx #ff440066; |
|
|
|
width: 80%;" |
|
|
|
@click="show = true"> |
|
|
|
@click="clickTab"> |
|
|
|
推荐二维码海报生成 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -28,7 +22,9 @@ |
|
|
|
<view |
|
|
|
v-if="show"> |
|
|
|
|
|
|
|
<image style="width: 100%;" :src="imagePath" mode="widthFix"></image> |
|
|
|
<image |
|
|
|
class="image" |
|
|
|
:src="imagePath" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="uni-color-btn" |
|
|
|
@ -67,6 +63,8 @@ |
|
|
|
canvas: {}, |
|
|
|
imagePath: '', |
|
|
|
show : false, |
|
|
|
bgColor : '#fe6c17', |
|
|
|
load : false, |
|
|
|
} |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
@ -76,6 +74,7 @@ |
|
|
|
methods: { |
|
|
|
getQrCode() { |
|
|
|
// this.show = true |
|
|
|
this.load = true |
|
|
|
this.$api('getInviteCode', res => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.url = res.result.url |
|
|
|
@ -84,6 +83,15 @@ |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickTab(){ |
|
|
|
this.bgColor = '#de0917' |
|
|
|
this.show = true |
|
|
|
if(this.load){ |
|
|
|
uni.showLoading({ |
|
|
|
title: "拼命绘画中..." |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
draw() { |
|
|
|
|
|
|
|
// uni.showLoading({ |
|
|
|
@ -177,6 +185,7 @@ |
|
|
|
var tempFilePath = res.tempFilePath; |
|
|
|
this.imagePath = tempFilePath |
|
|
|
uni.hideLoading() |
|
|
|
this.load = false |
|
|
|
} |
|
|
|
}); |
|
|
|
}, 600); |
|
|
|
@ -240,6 +249,29 @@ |
|
|
|
.promotion { |
|
|
|
width: 100%; |
|
|
|
height: 100vh; |
|
|
|
background-color: #de0917; |
|
|
|
.tui_image{ |
|
|
|
position: relative; |
|
|
|
.uni-color-btn{ |
|
|
|
position: absolute; |
|
|
|
bottom: 150rpx; |
|
|
|
height: 40rpx; |
|
|
|
background-color: #fff; |
|
|
|
box-shadow: 0 0 10rpx 10rpx #ffffff66; |
|
|
|
color: #de0917; |
|
|
|
font-weight: 900; |
|
|
|
width: 80%; |
|
|
|
font-family: STFangsong; |
|
|
|
font-size: 34rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.image{ |
|
|
|
width: 100%; |
|
|
|
height: calc(100vh - 200rpx); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// background-color: $uni-color; |
|
|
|
.promotion-card { |
|
|
|
width: 90%; |
|
|
|
|
