Eslint code
This commit is contained in:
@@ -1,14 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<view v-if="posterImageStatus" class="poster-first">
|
<view v-if="posterImageStatus" class="poster-first">
|
||||||
<div class="posterCanvasWarp">
|
<view class="poster-pop">
|
||||||
<canvas class="posterCanvas" canvas-id="myCanvas"></canvas>
|
|
||||||
</div>
|
|
||||||
<view class="poster-pop" v-show="canvasStatus">
|
|
||||||
<img
|
<img
|
||||||
src="@/static/images/poster-close.png"
|
src="@/static/images/poster-close.png"
|
||||||
|
mode="widthFix"
|
||||||
class="close"
|
class="close"
|
||||||
@click="posterImageClose"
|
@click="posterImageClose"
|
||||||
mode="widthFix"
|
|
||||||
/>
|
/>
|
||||||
<image
|
<image
|
||||||
:src="posterImage"
|
:src="posterImage"
|
||||||
@@ -27,15 +24,13 @@
|
|||||||
import { getShareImg } from "@/api/product";
|
import { getShareImg } from "@/api/product";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "StorePoster",
|
name: "LandMarkShareImg",
|
||||||
data: function () {
|
data: function () {
|
||||||
return {
|
return {
|
||||||
canvasStatus: false,
|
|
||||||
posterImage: "",
|
posterImage: "",
|
||||||
posterImageStatus: false,
|
posterImageStatus: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted: function () {},
|
|
||||||
methods: {
|
methods: {
|
||||||
saveImg(url) {
|
saveImg(url) {
|
||||||
uni.showLoading({
|
uni.showLoading({
|
||||||
@@ -69,7 +64,6 @@ export default {
|
|||||||
},
|
},
|
||||||
posterImageClose() {
|
posterImageClose() {
|
||||||
this.posterImageStatus = false;
|
this.posterImageStatus = false;
|
||||||
this.canvasStatus = false;
|
|
||||||
this.$emit("setPosterImageStatus");
|
this.$emit("setPosterImageStatus");
|
||||||
},
|
},
|
||||||
savePosterPath(id) {
|
savePosterPath(id) {
|
||||||
@@ -77,7 +71,6 @@ export default {
|
|||||||
|
|
||||||
getShareImg(id)
|
getShareImg(id)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.canvasStatus = true;
|
|
||||||
this.posterImage = res.data;
|
this.posterImage = res.data;
|
||||||
this.posterImageStatus = true;
|
this.posterImageStatus = true;
|
||||||
})
|
})
|
||||||
@@ -118,38 +111,6 @@ export default {
|
|||||||
height: auto;
|
height: auto;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
}
|
}
|
||||||
.poster-pop .canvas .image {
|
|
||||||
width: 4.5 * 100rpx;
|
|
||||||
height: 4.5 * 100rpx;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.poster-pop .canvas .text {
|
|
||||||
text-align: center;
|
|
||||||
color: #000000;
|
|
||||||
margin-top: 0.32 * 100rpx;
|
|
||||||
}
|
|
||||||
.poster-pop .canvas .text.black {
|
|
||||||
height: 0.68 * 100rpx;
|
|
||||||
}
|
|
||||||
.poster-pop .canvas .text.rad {
|
|
||||||
color: #ff0000;
|
|
||||||
}
|
|
||||||
.poster-pop .canvas .code {
|
|
||||||
height: 1.4 * 100rpx;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.poster-pop .canvas .code .code-img {
|
|
||||||
width: 33%;
|
|
||||||
padding: 0.06 * 100rpx;
|
|
||||||
}
|
|
||||||
.poster-pop .canvas .code .code-img image {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.poster-pop .canvas .code .code-text {
|
|
||||||
width: 60%;
|
|
||||||
font-size: 0.12 * 100rpx;
|
|
||||||
line-height: 1.64 * 100rpx;
|
|
||||||
}
|
|
||||||
.poster-pop .close {
|
.poster-pop .close {
|
||||||
width: 0.46 * 100rpx;
|
width: 0.46 * 100rpx;
|
||||||
height: 0.75 * 100rpx;
|
height: 0.75 * 100rpx;
|
||||||
|
|||||||
Reference in New Issue
Block a user