整体增加padding

pc/src/App.vue

@@ -143,7 +143,7 @@ export default {
   padding-top: 80px;
   width: 100%;
   transform-origin: left top;
-  min-width: 1276px;
+  min-width: 1316px;
   overflow: auto;
 }
 

pc/src/assets/style/public.scss

@@ -16,7 +16,8 @@ $theme-color:#1fe4dc;
 
 .container {
   height: 100%;
-  width: 1276px;
+  width: 1316px;
+  padding: 0 20px;
   margin: 0 auto;
 }
 

pc/src/page/layout/header/index.vue

@@ -33,7 +33,7 @@
         <div class="shop-btn" @click="$router.push({name: 'mallHome'})">{{ $i18n.t('header.online_shop')}}</div>
         <div class="language-w">
           <div class="list">
-            <a class="header-item">
+            <a class="header-item" :class="{'is-hover': showLangList}" @touchstart="showLangList = !showLangList">
               <p class="guoqi" :style="{'background-image': `url(${languageObj.img})`}">{{ languageObj.name }}</p>
               <ul class="child-list">
                 <li v-for="item in languageList" :key="item.name" :style="{'background-image': `url(${item.img})`}" @click="changeLanguage(item.value)">{{ item.name }}</li>
@@ -75,6 +75,7 @@ export default {
   data () {
     return {
       height: 0,
+      showLangList: false,
       hoverCp: '',
       overb: false,
       active: true,
@@ -267,7 +268,7 @@ export default {
       color: #909090;
     }
   }
-  .header-item:hover {
+  .header-item:hover, .header-item.is-hover {
     position: relative;
     color: #202020;
     .child-list {