[improvement] update color variables (#2010)

This commit is contained in:
neverland
2018-11-01 16:16:26 +08:00
committed by GitHub
parent 63816a4902
commit af168d6abc
40 changed files with 84 additions and 67 deletions

View File

@@ -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 {

View File

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

View File

@@ -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
}
},

View File

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

View File

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