wei 4 weeks ago
parent
commit
1dc82a8302
4 changed files with 57 additions and 17 deletions
  1. 6 2
      src/App.vue
  2. 2 2
      src/components/homeHeader.vue
  3. 48 12
      src/components/sidebox.vue
  4. 1 1
      src/langs/en/index.js

+ 6 - 2
src/App.vue

@@ -310,7 +310,7 @@ v-cloak {
   position: fixed;
   bottom: 30%;
   right: 20px;
-  z-index: 9;
+  z-index: 9999;
   cursor: pointer;
 }
 .production_bottom_box{
@@ -493,7 +493,11 @@ v-cloak {
     // padding: 0.2rem;
   }
   .fixed-message{
-    display: none;
+    position: fixed;
+    bottom: 30%;
+    right: 0px;
+    z-index: 9999;
+    cursor: pointer;
   }
 }
 // loading

+ 2 - 2
src/components/homeHeader.vue

@@ -77,7 +77,7 @@
           </el-menu>
         </div>
       </div>
-      <div class="topheader topheaderMove">
+      <!-- <div class="topheader topheaderMove">
         <div class="topheaderBox">
           <div class="topheaderContent" @click="gotoSanyou">
             <img class="headerImg" src="@/assets/img/header/logo1.png" alt="">
@@ -110,7 +110,7 @@
             <div class="headerBorder"></div>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
     <!-- <indexTaps></indexTaps> -->
   </div>

+ 48 - 12
src/components/sidebox.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="sidebox-box">
-    <div @click="drawer = true" class="fixed-messages">
+    <div @click="drawer = true" class="fixedMessages">
         <img src="@/assets/img/side/sideicon.png" alt="" class="fixed-messageImg">
     </div>
     <el-drawer
@@ -14,7 +14,7 @@
                 </div>
                 <div class="sideboxFixedBox"></div>
             </div>
-            <p :class="lang == 'en' ? 'sideboxTitleEn' : 'sideboxTitle'">{{ $t("table.Website") }}</p>
+            <p class="sideboxTitle">{{ $t("table.Website") }}</p>
             <div class="Contentbox">
                 <div class="singleBox" @click="gotoSanyou">
                     <p class="singleBoxText">Sanyou</p>
@@ -155,7 +155,7 @@ export default {
 @media screen and (min-width: 751px) and (max-width: 9999px) {
     .sidebox-box{
         z-index: 9999;
-        .fixed-message{
+        .fixedMessages{
             .fixed-messageImg{
             }
         }
@@ -197,14 +197,6 @@ export default {
                         height: 80px;
                         line-height: 80px;
                     }
-                    .sideboxTitleEn{
-                        background: #065ba9;
-                        font-size: 22px;
-                        text-align: center;
-                        color: #fff;
-                        height: 80px;
-                        line-height: 40px;
-                    }
                     .Contentbox{
                         padding: 0 50px;
                         .singleBox{
@@ -213,7 +205,7 @@ export default {
                             justify-content: space-between;
                             margin-top: 20px;
                             .singleBoxText{
-                                font-size: 24px;
+                                font-size: 26px;
                                 font-weight: 600;
                             }
                             .singleBoxImg{
@@ -228,4 +220,48 @@ export default {
 
 }
 
+@media screen and (min-width: 0px) and (max-width: 750px) {
+    .sidebox-box{
+        z-index: 9999;
+        .fixedMessages{
+            .fixed-messageImg{
+            }
+        }
+        .el-drawer__wrapper /deep/{
+            .el-drawer{
+                width: 2.4rem !important;
+                .sideboxContent{
+                    .sideboxFixed{
+                        display: none;
+                    }
+                    .sideboxTitle{
+                        background: #065ba9;
+                        font-size: 0.24rem;
+                        text-align: center;
+                        color: #fff;
+                        height: 0.8rem;
+                        line-height: 0.8rem;
+                    }
+                    .Contentbox{
+                        padding: 0 0.4rem;
+                        .singleBox{
+                            display: flex;
+                            align-items: center;
+                            justify-content: space-between;
+                            margin-top: 0.2rem;
+                            .singleBoxText{
+                                font-size: 0.18rem;
+                                font-weight: 600;
+                            }
+                            .singleBoxImg{
+                                width: 0.5rem;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+}
 </style>

+ 1 - 1
src/langs/en/index.js

@@ -200,7 +200,7 @@ export default {
     Subtype: "Sub-type",
     Discount: "Discount",
     Inquiry: "Inquiry",
-    Website: "Overview of Sanyou Biotechnology Website"
+    Website: "All Sanyou Website"
   },
   taps: {
     Message: "Message",