zx-修改了v-label-ctx的字体大小

3 years ago · d2c7630d71
parent dccfc995a5
commit d2c7630d71
21 changed files with 44 additions and 39 deletions
--- a/src/components/v-label-ctx/index.vue
+++ b/src/components/v-label-ctx/index.vue
@ -67,42 +67,44 @@ export default {
  border-bottom: 1px solid #0F2A4D;
  .d1 {
    display: block;
+    width: 34%;
    .s1 {
      display: block;
-      width: 100%;
-      height: 4px;
+      width: 66%;
+      height: 8px;
      background: red;
    }
    .s2 {
      display: block;
-      font-size: 14px;
+      font-size: 18px;
      color: #fff;
      margin-top: 10px;
    }
  }
  .d2 {
+    width: 20%;
    .s1 {
      display: block;
-      font-size: 12px;
+      font-size: 16px;
      color: #7a8289;
    }
    .s2 {
      display: block;
      font-family: Bebas;
-      font-size: 14px;
+      font-size: 18px;
      color: #fff;
    }
  }
  .d3 {
    .s1 {
      display: block;
-      font-size: 12px;
+      font-size: 16px;
      color: #7a8289;
    }
    .s2 {
      display: block;
      font-family: Bebas;
-      font-size: 14px;
+      font-size: 18px;
      color: #fff;
    }
  }
--- a/src/views/BrandComparison/brandTonalDistribution/index.vue
+++ b/src/views/BrandComparison/brandTonalDistribution/index.vue
@ -22,7 +22,7 @@
        ><span class="s2">负面</span>
      </div>
    </div>
-    <div class="bd-inner">
+    <div class="bd-inner" style="margin-left: 18px">
      <roundata
        v-for="(item,index) in list"
        :key="index"
--- a/src/views/BrandInsight/spreadTOPmodels/opt.js
+++ b/src/views/BrandInsight/spreadTOPmodels/opt.js
@ -11,9 +11,9 @@ import { bigNumberTransform } from "@/utils/gol/dataTool"
 export default function createOpt(dx,ds) {
    return {
        grid: {
-            top: "16px",
+            top: "10%",
            left: "16px",
-            right: "28px",
+            right: "5%",
            bottom: "16px",
            containLabel: true,
        },
--- a/src/views/EventComparison/wupEc/index.vue
+++ b/src/views/EventComparison/wupEc/index.vue
@ -19,10 +19,10 @@
        <span style="color: #3373cc">{{eventList[0]}}</span>
        </v-label-div>
        <div class="d1x">
-          <div class="dd1">
+          <div class="dd1" style="width:53%">
            <v-echarts :opt="opt1"></v-echarts>
          </div>
-          <div class="dd2">
+          <div class="dd2" style="width:47%">
            <v-label-ctx
              v-for="(item, index) in showData1"
              :key="index"
@ -45,10 +45,10 @@
        <span style="color: #54bf93">{{eventList[1]}}</span>
        </v-label-div>
        <div class="d1x">
-          <div class="dd1">
+          <div class="dd1" style="width:53%">
            <v-echarts :opt="opt2"> </v-echarts>
          </div>
-          <div class="dd2" style="margin-right: 16px">
+          <div class="dd2" style="width:47%;margin-right: 16px">
            <v-label-ctx
              v-for="(item, index) in showData2"
              :key="index"
--- a/src/views/EventComparison/wupEc/opt1.js
+++ b/src/views/EventComparison/wupEc/opt1.js
@ -43,7 +43,7 @@ export default function createOpt1(ds = [], color = []) {
              label: {
                show: false,
                position: 'center',
-                lineHeight: 28,
+                lineHeight: 32,
                color: "#ffff",
            },
              emphasis: {
--- a/src/views/EventComparison/wupEc/opt2.js
+++ b/src/views/EventComparison/wupEc/opt2.js
@ -43,7 +43,7 @@ export default function createOpt2(ds = [], color = []) {
              label: {
                show: false,
                position: 'center',
-                lineHeight: 28,
+                lineHeight: 32,
                color: "#ffff",
            },
              emphasis: {
--- a/src/views/Index/barometer/opt.js
+++ b/src/views/Index/barometer/opt.js
@ -9,7 +9,7 @@
 */
 import * as echarts from "echarts";
 import {bigNumberTransform} from "@/utils/gol/dataTool"
-let colors = ['#3172ca', '#459c97', '#ab8921']
+let colors = ['#3373CC', '#54BF93', '#CC9D12']
 function createData(ds = []) {
    let arr = [];
    for (let i = 0; i < ds.length; i++) {
--- a/src/views/ModelForumDetails/FollowPostUserAnalysis/opt.js
+++ b/src/views/ModelForumDetails/FollowPostUserAnalysis/opt.js
@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
        label: {
          show: false,
          position: 'center',
-          lineHeight: 30
+          lineHeight: 48
        },
        emphasis: {
          label: {
            show: true,
-            fontSize: '16',
+            fontSize: '24',
            color: "#ffff",
            fontWeight: 'bold',
            formatter: function (p) {
--- a/src/views/ModelForumDetails/MainPostUserAnalysis/opt.js
+++ b/src/views/ModelForumDetails/MainPostUserAnalysis/opt.js
@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
        label: {
          show: false,
          position: 'center',
-          lineHeight: 30
+          lineHeight: 48
        },
        emphasis: {
          label: {
            show: true,
-            fontSize: '16',
+            fontSize: '24',
            color: "#ffff",
            fontWeight: 'bold',
            formatter: function (p) {
--- a/src/views/ModelForumDetails/mfdCharacters/opt.js
+++ b/src/views/ModelForumDetails/mfdCharacters/opt.js
@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
        label: {
          show: false,
          position: 'center',
-          lineHeight: 30
+          lineHeight: 36
        },
        emphasis: {
          label: {
            show: true,
-            fontSize: '16',
+            fontSize: '20',
            color: "#ffff",
            fontWeight: 'bold',
            formatter: function (p) {
--- a/src/views/ModelForumDetails/mfdContentType/opt.js
+++ b/src/views/ModelForumDetails/mfdContentType/opt.js
@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
        label: {
          show: false,
          position: 'center',
-          lineHeight: 30
+          lineHeight: 36
        },
        emphasis: {
          label: {
            show: true,
-            fontSize: '16',
+            fontSize: '20',
            color: "#ffff",
            fontWeight: 'bold',
            formatter: function (p) {
--- a/src/views/ModelInsight/mlForumHotTopicDirection/opt.js
+++ b/src/views/ModelInsight/mlForumHotTopicDirection/opt.js
@ -51,13 +51,14 @@ export default function createOpt(ds = []) {
          show: false,
          position: 'center',
          color: "#ffff",
-          lineHeight: 30
+          lineHeight: 36
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '20',
            color: "#ffff",
+            fontWeight: "bold",
            formatter: function (p) {
              return `${p.data.name}\n${p.percent}%\n${p.data.value}`
            }
--- a/src/views/ModelInsight/mlSpreadTOPmodels/opt.js
+++ b/src/views/ModelInsight/mlSpreadTOPmodels/opt.js
@ -41,13 +41,14 @@ export default function createOpt(ds=[], colors=[]) {
                show: false,
                position: 'center',
                color: "#ffff",
-                lineHeight: 30
+                lineHeight: 36
            },
              emphasis: {
                label: {
                  show: true,
                  fontSize: '20',
                  color: "#ffff",
+                  fontWeight: "bold",
                  formatter: function (p) {
                    return `${p.data.name}\n${p.percent}%\n${p.data.value}`
                  }
--- a/src/views/ModelInsight/mlWeiboKol/opt.js
+++ b/src/views/ModelInsight/mlWeiboKol/opt.js
@ -40,7 +40,7 @@ export default function createOpt(ds = [], colors= []) {
              label: {
                show: false,
                position: 'center',
-                lineHeight: 30
+                lineHeight: 36
              },
              emphasis: {
                label: {
--- a/src/views/ModelInsight/mlWeiboPortraits/opt.js
+++ b/src/views/ModelInsight/mlWeiboPortraits/opt.js
@ -41,13 +41,14 @@ export default function createOpt(ds=[], colors=[]) {
                show: false,
                position: 'center',
                color: "#ffff",
-                lineHeight: 30
+                lineHeight: 36
            },
              emphasis: {
                label: {
                  show: true,
                  fontSize: '20',
                  color: "#ffff",
+                  fontWeight: 'bold',
                  formatter: function (p) {
                    return `${p.data.name}\n${p.percent}%\n${p.data.value}`
                  }
--- a/src/views/ModelWeiboDetails/MWDweiboCharacters/index.vue
+++ b/src/views/ModelWeiboDetails/MWDweiboCharacters/index.vue
@ -40,7 +40,7 @@
            :cont="item.value"
            :percentage="((item.value / total) * 100).toFixed(2) + '%'"
            :color="colors[index]"
-            :eStyle="{ height: '4.27rem' }"
+            :eStyle="{ height: '5.14rem' }"
          ></v-label-ctx>
        </vue-scroll>
      </div>
--- a/src/views/ModelWeiboDetails/MWDweiboCharacters/opt.js
+++ b/src/views/ModelWeiboDetails/MWDweiboCharacters/opt.js
@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
        label: {
          show: false,
          position: 'center',
-          lineHeight: 30
+          lineHeight: 36
        },
        emphasis: {
          label: {
            show: true,
-            fontSize: '16',
+            fontSize: '20',
            color: "#ffff",
            fontWeight: 'bold',
            formatter: function (p) {
--- a/src/views/ModelWeiboDetails/MWDweiboContentType/opt.js
+++ b/src/views/ModelWeiboDetails/MWDweiboContentType/opt.js
@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
        label: {
          show: false,
          position: 'center',
-          lineHeight: 30
+          lineHeight: 36
        },
        emphasis: {
          label: {
            show: true,
-            fontSize: '16',
+            fontSize: '20',
            color: "#ffff",
            fontWeight: 'bold',
            formatter: function (p) {
--- a/src/views/WeiboDetails/weiboCharacters/index.vue
+++ b/src/views/WeiboDetails/weiboCharacters/index.vue
@ -40,7 +40,7 @@
            :cont="item.value"
            :percentage="((item.value / total) * 100).toFixed(2) + '%'"
            :color="colors[index]"
-            :eStyle="{ height: '4.27rem' }"
+            :eStyle="{ height: '5.14rem' }"
          ></v-label-ctx>
        </vue-scroll>
      </div>
--- a/src/views/WeiboDetails/weiboCharacters/opt.js
+++ b/src/views/WeiboDetails/weiboCharacters/opt.js
@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
        label: {
          show: false,
          position: 'center',
-          lineHeight: 30
+          lineHeight: 36
        },
        emphasis: {
          label: {
            show: true,
-            fontSize: '16',
+            fontSize: '20',
            color: "#ffff",
            fontWeight: 'bold',
            formatter: function (p) {
--- a/src/views/WeiboDetails/weiboContentType/opt.js
+++ b/src/views/WeiboDetails/weiboContentType/opt.js
@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
        label: {
          show: false,
          position: 'center',
-          lineHeight: 30
+          lineHeight: 36
        },
        emphasis: {
          label: {
            show: true,
-            fontSize: '16',
+            fontSize: '20',
            color: "#ffff",
            fontWeight: 'bold',
            formatter: function (p) {