Explorar o código

更新分享图片增加分享次数(后面追加的一张)

shaogen1995 %!s(int64=3) %!d(string=hai) anos
pai
achega
063eb9ed0e
Modificáronse 2 ficheiros con 26 adicións e 14 borrados
  1. 20 9
      src/components/share.vue
  2. 6 5
      src/views/gui/menu.vue

+ 20 - 9
src/components/share.vue

@@ -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;
+        }
       }
     }
   }

+ 6 - 5
src/views/gui/menu.vue

@@ -319,10 +319,10 @@
 import gameList from "@/components/gameList";
 import vshare from "@/components/share";
 
-let LinkDATA={
-  801:'http://139.9.33.142/game/sj/',
-  832:'http://139.9.33.142/game/sj2/'
-}
+// let LinkDATA={
+//   801:'http://139.9.33.142/game/sj/',
+//   832:'http://139.9.33.142/game/sj2/'
+// }
 
 let ISGAME={
   801: true,
@@ -350,9 +350,10 @@ export default {
       this.showShare = true;
     },
     openLink(){
-      this.myAnswer=true
       if(window.number==='832') this.myAnswerSrc = 'http://139.9.33.142/game/sj2/'
       else if (window.number==='801') this.myAnswerSrc = 'http://139.9.33.142/game/sj/'
+      else return
+      this.myAnswer=true
       // this.isMobile?(window.location.href=LinkDATA[window.number]):(window.open(LinkDATA[window.number],'_blank'))
     }
   },