|
@@ -15,7 +15,11 @@
|
|
|
v-viewer
|
|
|
:src="require(`@/assets/images/project/${item.img}.jpg`)"
|
|
|
/>
|
|
|
- <div v-if="i == 0" class="img0">
|
|
|
+ <div
|
|
|
+ v-if="i == 0 || (i == 2 && item.id === '6')"
|
|
|
+ class="img0"
|
|
|
+ :class="{ active: i == 2 && item.id === '6' }"
|
|
|
+ >
|
|
|
<img
|
|
|
:src="require('@/assets/images/project/share_green.png')"
|
|
|
alt=""
|
|
@@ -29,7 +33,7 @@
|
|
|
>名
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div v-if="i == 2&&item.id==='3'" class="img2">
|
|
|
+ <div v-if="i == 2 && item.id === '3'" class="img2">
|
|
|
<div>
|
|
|
<p>分享排名</p>
|
|
|
<p>您的分享排名是</p>
|
|
@@ -126,14 +130,12 @@ let haibaoDATA = {
|
|
|
],
|
|
|
};
|
|
|
|
|
|
-
|
|
|
-
|
|
|
export default {
|
|
|
name: "Home",
|
|
|
data() {
|
|
|
return {
|
|
|
isMobile: browser.mobile,
|
|
|
- data:haibaoDATA[window.number],
|
|
|
+ data: haibaoDATA[window.number],
|
|
|
active: "",
|
|
|
num: 0,
|
|
|
};
|
|
@@ -168,20 +170,20 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
domtoImg() {
|
|
|
- this.saveShareData()
|
|
|
+ this.saveShareData();
|
|
|
let activeIdx = this.swiper.realIndex;
|
|
|
var node = document.getElementById("img_" + this.swiper.realIndex);
|
|
|
-
|
|
|
+
|
|
|
domtoimage
|
|
|
.toPng(node)
|
|
|
- .then(function(dataUrl) {
|
|
|
+ .then(function (dataUrl) {
|
|
|
let elink = document.createElement("a");
|
|
|
elink.href = dataUrl;
|
|
|
elink.download = `poster_${activeIdx}.png`;
|
|
|
elink.click();
|
|
|
document.body.removeChild(elink);
|
|
|
})
|
|
|
- .catch(function(error) {
|
|
|
+ .catch(function (error) {
|
|
|
console.error("oops, something went wrong!", error);
|
|
|
});
|
|
|
},
|
|
@@ -375,6 +377,15 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .active {
|
|
|
+ font-weight: 700;
|
|
|
+ background: linear-gradient(
|
|
|
+ 270deg,
|
|
|
+ rgba(0, 0, 0, 0) 0%,
|
|
|
+ rgba(0, 0, 0, 0) 100%
|
|
|
+ ) !important;
|
|
|
+ color: black;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|