[Doc] update neutral color variables (#2130)
This commit is contained in:
@@ -16,9 +16,8 @@
|
||||
|
||||
<script>
|
||||
import create from '../utils/create';
|
||||
import { RED, BLUE, GREEN } from '../utils/color';
|
||||
import { RED, BLUE, GREEN, GRAY_DARK } from '../utils/color';
|
||||
|
||||
const DEFAULT_COLOR = '#999';
|
||||
const COLOR_MAP = {
|
||||
danger: RED,
|
||||
primary: BLUE,
|
||||
@@ -39,7 +38,7 @@ export default create({
|
||||
|
||||
computed: {
|
||||
style() {
|
||||
const color = this.color || COLOR_MAP[this.type] || DEFAULT_COLOR;
|
||||
const color = this.color || COLOR_MAP[this.type] || GRAY_DARK;
|
||||
const key = this.plain ? 'color' : 'backgroundColor';
|
||||
return { [key]: color };
|
||||
}
|
||||
|
||||
@@ -2,22 +2,22 @@
|
||||
|
||||
exports[`renders demo correctly 1`] = `
|
||||
<div>
|
||||
<div><span class="van-tag" style="background-color:#999;">标签</span> <span class="van-tag" style="background-color:#f44;">标签</span> <span class="van-tag" style="background-color:#1989fa;">标签</span> <span class="van-tag" style="background-color:#4b0;">标签</span></div>
|
||||
<div><span class="van-tag van-tag--plain van-hairline--surround" style="color:#999;">标签</span> <span class="van-tag van-tag--plain van-tag--round van-hairline--surround" style="color:#f44;">
|
||||
<div><span class="van-tag" style="background-color:#969799;">标签</span> <span class="van-tag" style="background-color:#f44;">标签</span> <span class="van-tag" style="background-color:#1989fa;">标签</span> <span class="van-tag" style="background-color:#4b0;">标签</span></div>
|
||||
<div><span class="van-tag van-tag--plain van-hairline--surround" style="color:#969799;">标签</span> <span class="van-tag van-tag--plain van-tag--round van-hairline--surround" style="color:#f44;">
|
||||
标签
|
||||
</span> <span class="van-tag van-tag--plain van-tag--round van-hairline--surround" style="color:#1989fa;">
|
||||
标签
|
||||
</span> <span class="van-tag van-tag--plain van-hairline--surround" style="color:#4b0;">
|
||||
标签
|
||||
</span></div>
|
||||
<div><span class="van-tag van-tag--round" style="background-color:#999;">标签</span> <span class="van-tag van-tag--round" style="background-color:#f44;">
|
||||
<div><span class="van-tag van-tag--round" style="background-color:#969799;">标签</span> <span class="van-tag van-tag--round" style="background-color:#f44;">
|
||||
标签
|
||||
</span> <span class="van-tag van-tag--round" style="background-color:#1989fa;">
|
||||
标签
|
||||
</span> <span class="van-tag van-tag--round" style="background-color:#4b0;">
|
||||
标签
|
||||
</span></div>
|
||||
<div><span class="van-tag van-tag--mark" style="background-color:#999;">标签</span> <span class="van-tag van-tag--mark" style="background-color:#f44;">
|
||||
<div><span class="van-tag van-tag--mark" style="background-color:#969799;">标签</span> <span class="van-tag van-tag--mark" style="background-color:#f44;">
|
||||
标签
|
||||
</span> <span class="van-tag van-tag--mark" style="background-color:#1989fa;">
|
||||
标签
|
||||
|
||||
Reference in New Issue
Block a user