feat(Circle): update text style (#4401)

2019-09-09 14:20:44 +08:00
parent 7dbfbb9bcd
commit 1133b4ce1a
6 changed files with 13 additions and 10 deletions
@@ -13,7 +13,6 @@
      <van-circle
        v-model="currentRate3"
        :rate="rate"
-        layer-color="#ebedf0"
        :speed="100"
        :stroke-width="60"
        :text="$t('customWidth')"
@@ -24,6 +24,9 @@
    left: 0;
    width: 100%;
    color: @circle-text-color;
+    font-weight: @circle-text-font-weight;
+    font-size: @circle-text-font-size;
+    line-height: @circle-text-line-height;
    transform: translateY(-50%);
  }
 }
@@ -12,7 +12,7 @@ exports[`renders demo correctly 1`] = `
  </div>
  <div>
    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1060 1060">
-        <path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #ebedf0; stroke-width: 60px;"></path>
+        <path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 60px;"></path>
        <path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;"></path>
      </svg>
      <div class="van-circle__text">宽度定制</div>