图片更换弹层替换

src/components/Fuceng.vue

@@ -37,7 +37,7 @@ export default {
     bottom: 0;
     bottom: 0;
     width: 100%;
     width: 100%;
     background: rgba(0, 0, 0, 0.7);
     background: rgba(0, 0, 0, 0.7);
-    z-index: 1000000;
+    z-index: 10000;
 
 
     .fucengBox {
     .fucengBox {
         width: 100%;
         width: 100%;

src/components/Fuceng2.vue

+<template>
+    <div class="fuceng" v-if="isShow">
+        <div class="fucengBox2">
+            <div class="close" @click="closeFuceng"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            isShow: true
+        }
+    },
+    created() {
+        if(localStorage.getItem('fucengBox2')) {
+            this.isShow = false
+        }
+    },
+    mounted() {
+
+        var modal = document.getElementsByClassName('fucengBox2')[0];
+        modal.addEventListener('touchmove', function (e) {
+            e.preventDefault();
+        }, false)
+    },
+    methods: {
+        closeFuceng() {
+            // console.log(123123);
+            localStorage.setItem('fucengBox2', 1)
+            this.isShow = false
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.fuceng {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.7);
+    z-index: 1000;
+
+    .fucengBox2 {
+        width: 9rem;
+        height: 12.5rem;
+        background: url("~@/pages/index/assets/images/Fuceng.png") no-repeat center;
+        background-size: contain;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+
+        .close {
+            width: 1.5rem;
+            height: 1.5rem;
+            position: absolute;
+            bottom: 30px;
+            left: 50%;
+            transform: translate(-50%, 0);
+        }
+    }
+}
+</style>
+

src/modules/js/api.js

@@ -33,7 +33,7 @@ var wrapHref = weburl + h5Url + '/index.html';
 var indexHref = weburl + h5Url + '/index.html'; 
 var indexHref = weburl + h5Url + '/index.html'; 
 // 个人中心地址
 // 个人中心地址
 var userCenterHref = weburl + h5Url + '/user.html';
 var userCenterHref = weburl + h5Url + '/user.html';
-var shareImg = weburl +  h5Url + '/static/share.jpg';
+var shareImg = weburl +  h5Url + '/static/share.png';
 var signHref = 'http://mr-static.maxrocky.com/h5/wanda/dzgp/index.html'
 var signHref = 'http://mr-static.maxrocky.com/h5/wanda/dzgp/index.html'
 export default{
 export default{
     server,
     server,

src/pages/index/Shouye.vue

@@ -122,6 +122,7 @@
         <a v-show="tabActive !== 3" :href="userCenter" class="user"></a>
         <a v-show="tabActive !== 3" :href="userCenter" class="user"></a>
         <mt-actionsheet :actions="wangqiTitle" v-model="wangqiList"></mt-actionsheet>
         <mt-actionsheet :actions="wangqiTitle" v-model="wangqiList"></mt-actionsheet>
         <Fuceng v-if="fucengButton=== 'close'?false:true"></Fuceng>
         <Fuceng v-if="fucengButton=== 'close'?false:true"></Fuceng>
+        <Fuceng2 ></Fuceng2>
     </div>
     </div>
 </template>
 </template>
 
 
@@ -129,6 +130,7 @@
 import Cardcommon from '../../components/Cardcommon';
 import Cardcommon from '../../components/Cardcommon';
 import CardPrize from '../../components/CardPrize';
 import CardPrize from '../../components/CardPrize';
 import Fuceng from '../../components/Fuceng';
 import Fuceng from '../../components/Fuceng';
+import Fuceng2 from '../../components/Fuceng2';
 import axios from 'axios';
 import axios from 'axios';
 import { clearTimeout, clearInterval, clearImmediate } from 'timers';
 import { clearTimeout, clearInterval, clearImmediate } from 'timers';
 import { MessageBox, Toast } from 'mint-ui';
 import { MessageBox, Toast } from 'mint-ui';
@@ -844,6 +846,7 @@ export default {
         PrizeBox,
         PrizeBox,
         TypeBox,
         TypeBox,
         Fuceng,
         Fuceng,
+        Fuceng2,
         ruwei,
         ruwei,
         Swipe,
         Swipe,
         SwipeItem
         SwipeItem