修修修

public/index.html

@@ -6,6 +6,14 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
   <link rel="icon" href="<%= BASE_URL %>logo.ico">
+  <!--适用于 Retina 屏的 iPad-->
+  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./static/apple-touch-icon-precomposed-144x144.png">
+  <!--适用于 Retina 屏的 iPhone-->
+  <link rel="apple-touch-icon-precomposed" sizes="120x120" href="./static/apple-touch-icon-precomposed-120x120.png">
+  <!--适用于非 Retina 屏的 iPad-->
+  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./static/apple-touch-icon-precomposed-72x72.png">
+  <!--适用于非 Retina 屏的 iPhone-->
+  <link rel="apple-touch-icon-precomposed" href="./static/apple-touch-icon-precomposed-57x57.png">
   <title>无尽展—修篁竹石图</title>
   <style>
     .scroller {

src/views/HotspotDetail3.vue

@@ -189,7 +189,7 @@ const handleScroll = () => {
   .shadow-box {
     position: absolute;
     bottom: calc(
-      80 / v-bind("windowSizeWhenDesignForRef") *
+      40 / v-bind("windowSizeWhenDesignForRef") *
         v-bind("windowSizeInCssForRef")
     );
     left: 50%;
@@ -204,7 +204,7 @@ const handleScroll = () => {
     transform: translateX(-50%);
     transition: opacity 1s ease;
     bottom: calc(
-      130 / v-bind("windowSizeWhenDesignForRef") *
+      70 / v-bind("windowSizeWhenDesignForRef") *
         v-bind("windowSizeInCssForRef")
     );
   }