mirror of
https://github.com/youzan/vant.git
synced 2025-10-18 17:51:54 +00:00
[improvement] Badge: update style (#1907)
This commit is contained in:
@@ -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')"
|
||||
|
@@ -36,7 +36,7 @@ Use `pivot-text` to custom text,use `color` to custom bar color
|
||||
|
||||
<van-progress
|
||||
pivot-text="Red"
|
||||
color="#f3594b"
|
||||
color="#f44"
|
||||
:percentage="50"
|
||||
/>
|
||||
|
||||
|
@@ -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>
|
||||
|
@@ -38,7 +38,7 @@ Vue.use(Progress);
|
||||
|
||||
<van-progress
|
||||
pivot-text="红色"
|
||||
color="#f3594b"
|
||||
color="#f44"
|
||||
:percentage="50"
|
||||
/>
|
||||
|
||||
|
Reference in New Issue
Block a user