upp

H5场景/src/assets/style/myBase.css

@@ -65,7 +65,7 @@
 }
 @media only screen and (max-width: 800px) {
   .model-title {
-    font-size: 12px;
+    font-size: 16px;
     top: 10px;
   }
 }

H5场景/src/assets/style/myBase.less

@@ -86,7 +86,7 @@
 
 @media only screen and (max-width:800px) {
   .model-title {
-      font-size: 12px;
+      font-size: 16px;
       top: 10px;
   }
 }

H5场景/src/views/gui/compomemt/hotspot.vue

@@ -70,22 +70,24 @@ export default {
 .hotspot {
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.8);
+  backdrop-filter: blur(6px);
   position: fixed;
   top: 0;
   right: 0;
   z-index: 998;
   .hotMain {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 0;
     width: 100%;
-    height: 100%;
+    height: 65%;
     max-width: 500px;
-    margin: 0 auto;
-    padding-top: 72px;
     .closeX {
       cursor: pointer;
       position: absolute;
       right: 15px;
-      top: 15px;
+      top: -60px;
       & > img {
         width: 40px;
       }
@@ -93,7 +95,7 @@ export default {
     .top {
       position: absolute;
       left: 50%;
-      top: 0;
+      top: -73px;
       transform: translateX(-50%);
       & > img {
         width: 70px;
@@ -101,7 +103,7 @@ export default {
     }
     .main {
       width: 100%;
-      height: calc(100% - 40px);
+      height: 100%;
       border: 1px solid #144a80;
       border-radius: 30px;
       background-color: rgba(0, 0, 0, 0.8);
@@ -114,9 +116,9 @@ export default {
         justify-content: center;
       }
       .txt {
-        margin-top: 10%;
+        margin-top: 12%;
         padding: 0 20px;
-        height: 90%;
+        height: 86%;
         overflow-y: auto;
         color: #fff;
         font-size: 16px;