blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Badge: update style (#1907)

Browse Source
This commit is contained in:
neverland 2018-10-09 17:39:29 +08:00 committed by GitHub
parent e68ea547b9
commit 8afb40e9af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/progress/demo/index.vue
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')"

2
packages/progress/en-US.md
View File

@ -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"
/>

2
packages/progress/test/__snapshots__/demo.spec.js.snap
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>

2
packages/progress/zh-CN.md
View File

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

2
packages/steps/demo/index.vue
View File

@ -27,7 +27,7 @@
</demo-block>
<demo-block :title="$t('title3')">
<van-steps direction="vertical" :active="0" active-color="#f60">
<van-steps direction="vertical" :active="0" active-color="#f44">
<van-step>
<h3>{{ $t('status1') }}</h3>
<p>2016-07-12 12:40</p>

2
packages/steps/en-US.md
View File

@ -49,7 +49,7 @@ export default {
#### Vertical Steps
```html
<van-steps direction="vertical" :active="0" active-color="#f60">
<van-steps direction="vertical" :active="0" active-color="#f44">
<van-step>
<h3>【City】Status1</h3>
<p>2016-07-12 12:40</p>

4
packages/steps/test/__snapshots__/demo.spec.js.snap
View File

@ -92,12 +92,12 @@ exports[`renders demo correctly 1`] = `
<!---->
<div class="van-steps__items van-steps__items--alone">
<div class="van-hairline van-step van-step--vertical van-step--process">
<div class="van-step__title" style="color:#f60;">
<div class="van-step__title" style="color:#f44;">
<h3>【城市】物流状态1</h3>
<p>2016-07-12 12:40</p>
</div>
<div class="van-step__circle-container">
<i class="van-icon van-icon-checked" style="color:#f60;font-size:undefined;">
<i class="van-icon van-icon-checked" style="color:#f44;font-size:undefined;">
<!---->
</i>
</div>

2
packages/steps/zh-CN.md
View File

@ -52,7 +52,7 @@ export default {
可以通过设置`direction`属性来改变步骤条的显示方式
```html
<van-steps direction="vertical" :active="0" active-color="#f60">
<van-steps direction="vertical" :active="0" active-color="#f44">
<van-step>
<h3>【城市】物流状态1</h3>
<p>2016-07-12 12:40</p>

8
packages/vant-css/src/badge.css
View File

@ -41,12 +41,10 @@
}
&__info {
top: 7px;
left: auto;
top: 4px;
right: 4px;
right: 5px;
font-size: 12px;
min-width: 1.5em;
line-height: 1.5em;
transform: scale(0.7);
transform: scale(0.9);
}
}

11
packages/vant-css/src/info.css
View File

@ -4,13 +4,14 @@
color: #fff;
left: 100%;
top: -.5em;
font-size: .5em;
padding: 0 .3em;
font-size: .6em;
font-weight: 500;
padding: 0 .25em;
text-align: center;
min-width: 1.2em;
line-height: 1.2;
min-width: 1.4em;
line-height: 1.4;
position: absolute;
border-radius: .6em;
border-radius: .7em;
box-sizing: border-box;
background-color: $red;
transform: translateX(-50%);