|
@ -1,22 +1,22 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="promotion"> |
|
|
|
|
|
|
|
|
<view class="page"> |
|
|
|
|
|
|
|
|
<navbar title="二维码" |
|
|
|
|
|
bgColor="rgb(235, 51, 0)" |
|
|
|
|
|
color="#fff" |
|
|
|
|
|
leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
|
|
|
|
|
<navbar title="邀请好友" leftClick @leftClick="$utils.navigateBack" color="#fff" /> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
class="image" |
|
|
|
|
|
:src="imagePath" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
|
|
|
<canvas id="myCanvas" type="2d" canvas-id="firstCanvas1"></canvas> |
|
|
|
|
|
|
|
|
|
|
|
<view class="btn" |
|
|
|
|
|
v-if="imagePath" |
|
|
|
|
|
@click="preservationImg(imagePath)"> |
|
|
|
|
|
保存到相册 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="flex flex-column content"> |
|
|
|
|
|
|
|
|
|
|
|
<image class="image" :src="imagePath" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
|
|
|
<!-- todo: check --> |
|
|
|
|
|
<canvas id="myCanvas" type="2d" canvas-id="firstCanvas1"></canvas> |
|
|
|
|
|
|
|
|
|
|
|
<view v-if="imagePath" class="tools"> |
|
|
|
|
|
<button plain class="flex btn" @click="preservationImg(imagePath)"> |
|
|
|
|
|
保存到本地 |
|
|
|
|
|
</button> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
@ -209,14 +209,24 @@ import index from '../../uni_modules/uv-ui-tools' |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
.promotion { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100vh; |
|
|
|
|
|
background-color: $uni-color; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.page { |
|
|
|
|
|
background-color: $uni-bg-color; |
|
|
|
|
|
min-height: 100vh; |
|
|
|
|
|
|
|
|
|
|
|
/deep/ .nav-bar__view { |
|
|
|
|
|
background-image: linear-gradient(#84A73F, #D8FF8F); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
|
|
align-items: flex-start; |
|
|
|
|
|
padding: 48rpx 26rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.image{ |
|
|
.image{ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: calc(100vh - 300rpx); |
|
|
|
|
|
|
|
|
height: 778rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#myCanvas { |
|
|
#myCanvas { |
|
@ -231,19 +241,22 @@ import index from '../../uni_modules/uv-ui-tools' |
|
|
background-color: rgba(255, 255, 255, 1); |
|
|
background-color: rgba(255, 255, 255, 1); |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tools { |
|
|
|
|
|
margin-top: 163rpx; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
padding: 0 56rpx; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
|
.btn{ |
|
|
|
|
|
position: fixed; |
|
|
|
|
|
// top: 58vh; |
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
margin: 0; |
|
|
|
|
|
width: 750rpx; |
|
|
|
|
|
height: 100rpx; |
|
|
|
|
|
padding: 0; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
color: $uni-color; |
|
|
|
|
|
|
|
|
.btn { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
padding: 29rpx 0; |
|
|
|
|
|
color: $uni-text-color-inverse; |
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
line-height: 40rpx; |
|
|
|
|
|
border-radius: 49rpx; |
|
|
|
|
|
border: none; |
|
|
|
|
|
background-image: linear-gradient(to right, #84A73F, #D8FF8F); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |