mirror of
https://github.com/youzan/vant.git
synced 2025-10-18 09:24:25 +00:00
[improvement] update color variables (#2010)
This commit is contained in:
@@ -89,10 +89,12 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
@import '../../vant-css/src/common/var.css';
|
||||
|
||||
.demo-steps {
|
||||
.steps-success,
|
||||
.van-icon-location {
|
||||
color: #06bf04;
|
||||
color: $green;
|
||||
}
|
||||
|
||||
.van-button {
|
||||
|
@@ -75,7 +75,7 @@ export default {
|
||||
| title | Title | `String` | - |
|
||||
| description | Description | `String` | - |
|
||||
| direction | Can be set to `horizontal` `vertical` | `String` | `horizontal` |
|
||||
| active-color | Active step color | `String` | `#06bf04` |
|
||||
| active-color | Active step color | `String` | `#4b0` |
|
||||
|
||||
### Steps Slot
|
||||
|
||||
|
@@ -20,6 +20,7 @@
|
||||
|
||||
<script>
|
||||
import create from '../utils/create';
|
||||
import { GREEN } from '../utils/color';
|
||||
|
||||
export default create({
|
||||
name: 'steps',
|
||||
@@ -36,7 +37,7 @@ export default create({
|
||||
},
|
||||
activeColor: {
|
||||
type: String,
|
||||
default: '#06bf04'
|
||||
default: GREEN
|
||||
}
|
||||
},
|
||||
|
||||
|
@@ -14,9 +14,9 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-step__line"></div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--horizontal van-step--process">
|
||||
<div class="van-step__title" style="color:#06bf04;">商家接单</div>
|
||||
<div class="van-step__title" style="color:#4b0;">商家接单</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-icon van-icon-checked" style="color:#06bf04;font-size:undefined;">
|
||||
<i class="van-icon van-icon-checked" style="color:#4b0;font-size:undefined;">
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
@@ -62,9 +62,9 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-step__line"></div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--horizontal van-step--process">
|
||||
<div class="van-step__title" style="color:#06bf04;">商家接单</div>
|
||||
<div class="van-step__title" style="color:#4b0;">商家接单</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-icon van-icon-checked" style="color:#06bf04;font-size:undefined;">
|
||||
<i class="van-icon van-icon-checked" style="color:#4b0;font-size:undefined;">
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
|
@@ -78,7 +78,7 @@ export default {
|
||||
| icon | 描述栏图标 | `String` | - | - |
|
||||
| icon-class | 图标额外类名 | `String` | - | - |
|
||||
| direction | 显示方向,可选值为 `vertical` | `String` | `horizontal` | - |
|
||||
| active-color | 激活状态颜色 | `String` | `#06bf04` | - |
|
||||
| active-color | 激活状态颜色 | `String` | `#4b0` | - |
|
||||
|
||||
### Steps Slot
|
||||
|
||||
|
Reference in New Issue
Block a user