添加上传提示

src/pages/index/ImgUp.vue

@@ -7,7 +7,7 @@
           <div class="text">上传照片</div>
         </div>
         <div class="upLoad">
-                    <div class="list-default-img" @click.stop="addPic" v-show="isPhoto">
+          <div class="list-default-img" @click.stop="addPicTemp" v-show="isPhoto">
             <img src="./assets/images/icon_photo.png">
             <p>上传一张美美的照片</p>
             <p>优质的照片让夺冠更为轻松</p>
@@ -154,6 +154,11 @@
       <div class="fabu" @click="fabu">
         <a href="#">发布作品</a>
       </div>
+      <div class="photo-tip-wrap" v-if="photoTipOn">
+        <div class="photo-tip">
+          <div class="close" @click="addPic"></div>
+        </div>
+      </div>
     </div>
   </section>
 </template>
@@ -191,7 +196,8 @@ export default {
       // 拍摄地
       image_address: '',
       // 拍摄时间
-            image_time: ''
+      image_time: '',
+      photoTipOn: false
     };
   },
   computed: {
@@ -247,6 +253,9 @@ export default {
       var num = Number(num);
       this.activeIndex = num;
     },
+    addPicTemp() {
+      this.photoTipOn = true
+    },
     addPic() {
       let vm = this;
       // document.getElementById('text').click();
@@ -816,5 +825,37 @@ body {
       font-size: 30px;
     }
   }
+
+  .photo-tip-wrap {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background: rgba(0,0,0,0.3);
+
+    .photo-tip {
+      position: absolute;
+      top: 30%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      // border: 1px solid black;
+      width: 600px;
+      height: 730px;
+      background: url("~@/pages/index/assets/images/new/newbg.png") no-repeat;
+      background-size: 100% auto;
+
+      .close {
+        width: 200px;
+        height: 60px;
+        background: url("~@/pages/index/assets/images/new/wzd.png") no-repeat;
+        background-size: 100% auto;
+        position: absolute;
+        left: 50%;
+        bottom: 30px;
+        transform: translate(-50%, 0);
+      }
+    }
+  }
 }
 </style>