更新版本

public/index.html

@@ -4,6 +4,10 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="菜单" id="base_meta_title">
+    <meta name="apple-mobile-web-app-capable" content="no">
+
+
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>

src/components/FirstPage.vue

@@ -8,6 +8,7 @@
         <div class="page1 i1-1">
             <img class="itPic" src="../assets/冷萃咖啡.jpg" alt="">
         </div>
+
         <!-- <div class="hidden"></div> -->
         <div class="page1 i1-2">
             <img class="itPic" src="../assets/蔓越莓冷萃.jpg" alt="">
@@ -37,6 +38,7 @@
             <img class="itPic" src="../assets/黄油啤酒.jpg" alt="">
         </div>
         <div class="page1 i4-1">
+
             <img class="itPic" src="../assets/dirty.jpg" alt="">
         </div>
         <div class="page1 i4-2">
@@ -138,6 +140,7 @@ export default {
         onMounted(() => {
             page1 = document.getElementsByClassName('page1')
             page2 = document.getElementsByClassName('page2')
+
             // let hidden = document.querySelector('.hidden')
             // 给每个商品添加点击事件
             for (let i = 0; i < page1.length; i++) {
@@ -297,6 +300,7 @@ export default {
     position: absolute;
     width: 10%;
     height: 10%;
+
     /* background-color: red; */
     /* z-index: 99; */
 }
@@ -385,6 +389,7 @@ export default {
     top: 50% !important;
     left: 50% !important;
     transform: translate(-50%, -50%);
+
     width: 1092px !important;
     /* 683 */
     height: 819px !important;
@@ -408,6 +413,7 @@ export default {
     transform: translate(-50%, -50%);
 }
 
+
 .zIndex10 {
     z-index: 10 !important;
 }
@@ -419,6 +425,7 @@ export default {
 
 .page1 {
     position: absolute;
+
     /* border-style: solid;
     border-width: 1px; */
     z-index: 10;
@@ -438,6 +445,7 @@ export default {
 
 .page2 {
     position: absolute;
+
     /* border-style: solid;
     border-width: 1px; */
     z-index: 0;