bug fix

public/showMobile.html

@@ -23,10 +23,10 @@
     <script src="<%= VUE_APP_STATIC_DIR %>/lib/howler/howler.min.js"></script>
     <script src="<%= VUE_APP_STATIC_DIR %>/lib/swiper/swiper-bundle.min.js"></script>
     <!-- <script src="<%= VUE_APP_STATIC_DIR %>/lib/jssor/jssor.slider-28.1.0.min.js"></script> -->
-    <!-- <script src="<%= VUE_APP_STATIC_DIR %>/lib/vconsole.js"></script>
+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/vconsole.js"></script>
 
     <script>
       var vConsole = new window.VConsole()
-    </script> -->
+    </script>
   </body>
 </html>

src/components/UIGather/control/link.vue

@@ -36,7 +36,7 @@ const close = () => {
   top: 0;
   position: fixed;
   left: 0;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.8);
   backdrop-filter: blur(10px);
 
   .linkcon {

src/components/UIGather/control/telephone.vue

@@ -42,7 +42,7 @@ const close = () => {
   top: 0;
   position: fixed;
   left: 0;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.8);
   backdrop-filter: blur(10px);
 
   .telephonecon {

src/components/UIGather/control/text.vue

@@ -33,7 +33,7 @@ const close = () => {
   top: 0;
   position: fixed;
   left: 0;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.8);
   backdrop-filter: blur(10px);
 
   .txtcon {

src/components/UIGather/mobile/control/hotspotList.vue

@@ -58,7 +58,7 @@ const close = () => {
   top: 0;
   position: fixed;
   left: 0;
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
   backdrop-filter: blur(4px);
   display: flex;
   justify-content: center;

src/components/UIGather/mobile/control/link.vue

@@ -37,7 +37,7 @@ const close = () => {
   position: fixed;
   left: 0;
   background: rgba(27, 27, 28, 0.8);
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
   backdrop-filter: blur(4px);
 
   .tag-header {

src/components/UIGather/mobile/control/telephone.vue

@@ -43,7 +43,7 @@ const close = () => {
   top: 0;
   position: fixed;
   left: 0;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.8);
   backdrop-filter: blur(10px);
 
   .telephonecon {

src/components/UIGather/mobile/control/text.vue

@@ -34,7 +34,7 @@ const close = () => {
   position: fixed;
   left: 0;
   background: rgba(27, 27, 28, 0.8);
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
   backdrop-filter: blur(4px);
 
   .tag-header {

src/components/assembly/MobileTags/index.vue

@@ -66,7 +66,7 @@ const close = () => {
   top: 0;
   position: fixed;
   left: 0;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.8);
   backdrop-filter: blur(10px);
   .tag-header {
     display: flex;

src/components/assembly/MobileTags/metas/metas-image.vue

@@ -76,7 +76,7 @@ onUnmounted(() => {});
 
 <style lang="scss">
 .image-container {
-  height: calc(100vh - 50px);
+  height: calc(100% - 50px);
   width: 100%;
   overflow: hidden;
 }

src/components/assembly/MobileTags/metas/metas-imagetext.vue

@@ -177,7 +177,7 @@ function handlePageRender(_, el) {
 <style lang="scss">
 .imagetext-container {
   overflow-y: scroll;
-  height: calc(100vh - 50px);
+  height: calc(100% - 50px);
   width: 100%;
   overflow-x: hidden;
 }

src/components/assembly/Tags/index.vue

@@ -62,7 +62,7 @@ const close = () => {
   top: 0;
   position: fixed;
   left: 0;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.8);
   backdrop-filter: blur(10px);
   .close {
     width: 36px;

src/components/assembly/Tags/metas/metas-phone.vue

@@ -50,7 +50,7 @@ const close = () => {
   top: 0;
   position: fixed;
   left: 0;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.8);
   backdrop-filter: blur(10px);
 
   .telephonecon {