修改数据首页充值数据样式

src/containers/Dashboard/CustomerRecharge/chart.vue

@@ -4,7 +4,9 @@
       id='CustomerRechargeChart'
       :style="`height: ${height}px;width: ${width?width+'px':'auto'}`"
     ></div>
-    <div id='CustomerRechangeSlider'></div>
+    <div class="CustomerRechangeSlider-wrap">
+      <div id='CustomerRechangeSlider'></div>
+    </div>
     <!-- <CustomerRechangeSlider
       class="CustomerRechangeSlider"
       :data="data"
@@ -334,6 +336,13 @@ export default {
 <style lang="scss">
 .CustomerRechargeChart {
   position: relative;
+  .CustomerRechangeSlider-wrap {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 26px;
+    height: 100%;
+  }
   #CustomerRechargeChart {
     width: 100%;
     // overflow-x: hidden;
@@ -347,12 +356,6 @@ export default {
     height: 100%;
     background-color: #eee;
   }
-  #CustomerRechangeSlider {
-    margin-left: -30px;
-    width: 100%;
-    height: 300px;
-    transform: translate(100%, -100%);
-  }
   .CustomerRechargeChart-areaTitle {
     color: #666;
     width: 85px;