[improvement] Badge: update style (#1907)

This commit is contained in:
neverland
2018-10-09 17:39:29 +08:00
committed by GitHub
parent e68ea547b9
commit 8afb40e9af
10 changed files with 18 additions and 19 deletions

View File

@@ -10,7 +10,7 @@
<demo-block :title="$t('title3')">
<van-progress :pivot-text="$t('orange')" color="#f2826a" :percentage="25" />
<van-progress :pivot-text="$t('red')" color="#f3594b" :percentage="50" />
<van-progress :pivot-text="$t('red')" color="#f44" :percentage="50" />
<van-progress
:percentage="75"
:pivot-text="$t('purple')"

View File

@@ -36,7 +36,7 @@ Use `pivot-text` to custom textuse `color` to custom bar color
<van-progress
pivot-text="Red"
color="#f3594b"
color="#f44"
:percentage="50"
/>

View File

@@ -13,7 +13,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#f2826a;"><span class="van-progress__pivot" style="color:#fff;background:#f2826a;">橙色</span></span>
</div>
<div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#f3594b;"><span class="van-progress__pivot" style="color:#fff;background:#f3594b;">红色</span></span>
<div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:#f44;"><span class="van-progress__pivot" style="color:#fff;background:#f44;">红色</span></span>
</div>
<div class="van-progress"><span class="van-progress__portion van-progress__portion--with-pivot" style="width:0px;background:linear-gradient(to right, #be99ff, #7232dd);"><span class="van-progress__pivot" style="color:#fff;background:#7232dd;">紫色</span></span>
</div>

View File

@@ -38,7 +38,7 @@ Vue.use(Progress);
<van-progress
pivot-text="红色"
color="#f3594b"
color="#f44"
:percentage="50"
/>