首页交互,图片padding距离优化，偏移量调整

src/components/chart/Bar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :style="{ padding: '0 0 32px 32px' }">
+  <div :style="{ padding: '0 0 32px 20px' }">
     <h4 :style="{ marginBottom: '20px' }">{{ title }}</h4>
     <v-chart :forceFit="true" :height="height" :data="data" :scale="scale" :padding="padding">
       <v-tooltip/>

src/components/chart/BaseBar.vue

@@ -3,7 +3,7 @@
     <v-chart :forceFit="true" :height="height" :data="data" :scale="scale" :padding="padding">
       <v-coord type="rect" direction="LB" />
       <v-tooltip/>
-      <v-axis dataKey="x" />
+      <v-axis dataKey="x" :label="IAxisLabel"/>
       <v-axis dataKey="y" :label="null" />
       <v-bar position="x*y" :color="barColor" :label="stackLabel"/>
     </v-chart>
@@ -15,6 +15,10 @@
 
   const DataSet = require('@antv/data-set');
 
+  const IAxisLabel= {
+    offset: 10,
+  }
+
   export default {
     name: 'BaseBar',
     props: {
@@ -45,7 +49,7 @@
     },
     data() {
       return {
-
+        IAxisLabel
       }
     },
     computed: {

src/views/dashboard/IndexChart.vue

@@ -339,7 +339,7 @@
         smoothPadding: ['10', '30', '50', '50'],
         barColor: [[ 'l(90) 0:#7D5DF4 1:#5673F8']],
         baseBarColor: [[ 'l(90) 0:#7D5DF4 1:#5673F8']],
-        barPadding: ['20', '30', '50', '20'],
+        barPadding: ['20', '30', '50', '30'],
         baseBarPadding: ['20', '38', '20', '38'],
         url:{
           getIndexTopTotalpayment: '/wisdom/hlwPaymentDetail/getIndexTopTotalpayment',