完成屏幕适配功能

2020-05-06 22:02:46 +08:00
parent f2b118ed0b
commit 0a869eeb64
20 changed files with 351 additions and 209 deletions
@@ -0,0 +1,76 @@
+<template>
+  <div id="centreRight2">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span style="color:#5cd9e8">
+          <icon name="align-left"></icon>
+        </span>
+        <span class="fs-xl text mx-2">产品销售渠道分析</span>
+      </div>
+      <div class="d-flex jc-center body-box" style=" margin-top: 0;">
+        <dv-capsule-chart :config="config" style="width: 100%;height:2rem" />
+        <!-- ---------------------------------------- -->
+        <centreRight2Chart1></centreRight2Chart1>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import centreRight2Chart1 from "@/components/echart/centreRight2/centreRight2Chart1";
+
+export default {
+  data() {
+    return {
+      config: {
+        data: [
+          {
+            name: "南阳",
+            value: 167
+          },
+          {
+            name: "周口",
+            value: 67
+          },
+          {
+            name: "漯河",
+            value: 123
+          },
+          {
+            name: "郑州",
+            value: 55
+          },
+          {
+            name: "西峡",
+            value: 98
+          }
+        ]
+      }
+    };
+  },
+  components: { centreRight2Chart1 },
+  mounted() {},
+  methods: {}
+};
+</script>
+
+<style lang="scss">
+#centreRight2 {
+  padding: 0.0625rem;
+  height: 5rem;
+  min-width: 3.75rem;
+  border-radius: 0.0625rem;
+  .bg-color-black {
+    padding: 0.0625rem;
+    height: 5.0625rem;
+    border-radius: 0.125rem;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .body-box {
+    border-radius: 0.125rem;
+    overflow: hidden;
+  }
+}
+</style>