From ffa3763e0b62b4cc6cb99ed667012cade232b788 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Fri, 23 Jul 2021 10:16:58 +0800
Subject: [PATCH] style(Search): fix incorrect left icon color (#9100)
---
src/search/Search.tsx | 1 +
src/search/index.less | 4 ++--
src/search/test/__snapshots__/demo.spec.ts.snap | 12 ++++++------
src/search/test/__snapshots__/index.spec.ts.snap | 2 +-
4 files changed, 10 insertions(+), 9 deletions(-)
diff --git a/src/search/Search.tsx b/src/search/Search.tsx
index 7c6989bbc..685a93da1 100644
--- a/src/search/Search.tsx
+++ b/src/search/Search.tsx
@@ -103,6 +103,7 @@ export default defineComponent({
v-slots={pick(slots, ['left-icon', 'right-icon'])}
ref={filedRef}
type="search"
+ class={bem('field')}
border={false}
onKeypress={onKeypress}
{...fieldAttrs}
diff --git a/src/search/index.less b/src/search/index.less
index c12269149..e80339f50 100644
--- a/src/search/index.less
+++ b/src/search/index.less
@@ -40,12 +40,12 @@
line-height: var(--van-search-input-height);
}
- .van-cell {
+ &__field {
flex: 1;
padding: 5px var(--van-padding-xs) 5px 0;
background-color: transparent;
- &__left-icon {
+ .van-field__left-icon {
color: var(--van-search-left-icon-color);
}
}
diff --git a/src/search/test/__snapshots__/demo.spec.ts.snap b/src/search/test/__snapshots__/demo.spec.ts.snap
index b26658344..1ded04c5a 100644
--- a/src/search/test/__snapshots__/demo.spec.ts.snap
+++ b/src/search/test/__snapshots__/demo.spec.ts.snap
@@ -4,7 +4,7 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-search">
<div class="van-search__content van-search__content--square">
- <div class="van-cell van-cell--borderless van-field">
+ <div class="van-cell van-cell--borderless van-field van-search__field">
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
@@ -25,7 +25,7 @@ exports[`should render demo and match snapshot 1`] = `
<form action="/">
<div class="van-search van-search--show-action">
<div class="van-search__content van-search__content--square">
- <div class="van-cell van-cell--borderless van-field">
+ <div class="van-cell van-cell--borderless van-field van-search__field">
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
@@ -52,7 +52,7 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-search">
<div class="van-search__content van-search__content--square">
- <div class="van-cell van-cell--borderless van-field">
+ <div class="van-cell van-cell--borderless van-field van-search__field">
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
@@ -72,7 +72,7 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-search">
<div class="van-search__content van-search__content--square">
- <div class="van-cell van-cell--borderless van-field van-field--disabled">
+ <div class="van-cell van-cell--borderless van-field van-field--disabled van-search__field">
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
@@ -95,7 +95,7 @@ exports[`should render demo and match snapshot 1`] = `
style="background: rgb(79, 192, 141);"
>
<div class="van-search__content van-search__content--round">
- <div class="van-cell van-cell--borderless van-field">
+ <div class="van-cell van-cell--borderless van-field van-search__field">
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
@@ -118,7 +118,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-search__label">
Address
</div>
- <div class="van-cell van-cell--borderless van-field">
+ <div class="van-cell van-cell--borderless van-field van-search__field">
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
diff --git a/src/search/test/__snapshots__/index.spec.ts.snap b/src/search/test/__snapshots__/index.spec.ts.snap
index 3903e1d9a..c74bfa168 100644
--- a/src/search/test/__snapshots__/index.spec.ts.snap
+++ b/src/search/test/__snapshots__/index.spec.ts.snap
@@ -26,7 +26,7 @@ exports[`should render left slot correctly 1`] = `
<div class="van-search">
Custom Left Content
<div class="van-search__content van-search__content--square">
- <div class="van-cell van-cell--borderless van-field">
+ <div class="van-cell van-cell--borderless van-field van-search__field">
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>