From 9caba7cc6609dcc071985fa99fd41f452e78fe7c Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Wed, 24 Jun 2020 23:41:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20tabs=20scroll=20problem=20when=20analysi?=
 =?UTF-8?q?s=20page's=20width=20is=20not=20enough;=20;=20:bug:=20#80=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E5=88=86=E6=9E=90=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E4=B8=8D=E8=B6=B3=E6=97=B6=20tabs=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E6=BB=9A=E5=8A=A8=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/dashboard/analysis/Analysis.vue | 28 +++++++++++++++--------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/pages/dashboard/analysis/Analysis.vue b/src/pages/dashboard/analysis/Analysis.vue
index 52d2d92..69de648 100644
--- a/src/pages/dashboard/analysis/Analysis.vue
+++ b/src/pages/dashboard/analysis/Analysis.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="analysis">
-    <a-row :gutter="24">
+    <a-row :gutter="[24, 24]">
       <a-col :sm="24" :md="12" :xl="6">
         <chart-card :title="$t('totalSales')" total="￥ 189,345">
           <a-tooltip :title="$t('introduce')" slot="action">
@@ -43,7 +43,7 @@
           <div>
             <mini-progress target="90" percent="78" color="#13C2C2" height="8px"/>
           </div>
-          <div slot="footer">
+          <div slot="footer" style="white-space: nowrap;overflow: hidden">
             <trend style="margin-right: 16px" :term="$t('wow')" :percent="12" :is-increase="true" :scale="0" />
             <trend :term="$t('dod')" :target="100" :value="89" :scale="0" />
           </div>
@@ -137,13 +137,23 @@ export default {
 
 <style lang="less" scoped>
   .extra-wrap{
-
-  }
-  .extra-item{
-    display: inline-block;
-    margin-right: 24px;
-    a{
-      margin-left: 24px;
+    .extra-item{
+      display: inline-block;
+      margin-right: 24px;
+      a:not(:first-child){
+        margin-left: 24px;
+      }
     }
   }
+  @media screen and (max-width: 992px){
+    .extra-item{
+      display: none;
+    }
+  }
+  @media screen and (max-width: 576px){
+    .extra-wrap{
+      display: none;
+    }
+  }
+
 </style>