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

style(Search): fix incorrect left icon color (#9100)

Browse Source
This commit is contained in:
neverland 2021-07-23 10:16:58 +08:00 committed by GitHub
parent 11b81c27cd
commit ffa3763e0b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/search/Search.tsx
View File

@ -103,6 +103,7 @@ export default defineComponent({
v-slots={pick(slots, ['left-icon', 'right-icon'])} v-slots={pick(slots, ['left-icon', 'right-icon'])}
ref={filedRef} ref={filedRef}
type="search" type="search"
class={bem('field')}
border={false} border={false}
onKeypress={onKeypress} onKeypress={onKeypress}
{...fieldAttrs} {...fieldAttrs}

4
src/search/index.less
View File

@ -40,12 +40,12 @@
line-height: var(--van-search-input-height); line-height: var(--van-search-input-height);
} }
.van-cell { &__field {
flex: 1; flex: 1;
padding: 5px var(--van-padding-xs) 5px 0; padding: 5px var(--van-padding-xs) 5px 0;
background-color: transparent; background-color: transparent;
&__left-icon { .van-field__left-icon {
color: var(--van-search-left-icon-color); color: var(--van-search-left-icon-color);
} }
} }

12
src/search/test/__snapshots__/demo.spec.ts.snap
View File

@ -4,7 +4,7 @@ exports[`should render demo and match snapshot 1`] = `
<div> <div>
<div class="van-search"> <div class="van-search">
<div class="van-search__content van-search__content--square"> <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"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@ -25,7 +25,7 @@ exports[`should render demo and match snapshot 1`] = `
<form action="/"> <form action="/">
<div class="van-search van-search--show-action"> <div class="van-search van-search--show-action">
<div class="van-search__content van-search__content--square"> <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"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@ -52,7 +52,7 @@ exports[`should render demo and match snapshot 1`] = `
<div> <div>
<div class="van-search"> <div class="van-search">
<div class="van-search__content van-search__content--square"> <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"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@ -72,7 +72,7 @@ exports[`should render demo and match snapshot 1`] = `
<div> <div>
<div class="van-search"> <div class="van-search">
<div class="van-search__content van-search__content--square"> <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"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@ -95,7 +95,7 @@ exports[`should render demo and match snapshot 1`] = `
style="background: rgb(79, 192, 141);" style="background: rgb(79, 192, 141);"
> >
<div class="van-search__content van-search__content--round"> <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"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@ -118,7 +118,7 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-search__label"> <div class="van-search__label">
Address Address
</div> </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"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>

2
src/search/test/__snapshots__/index.spec.ts.snap
View File

@ -26,7 +26,7 @@ exports[`should render left slot correctly 1`] = `
<div class="van-search"> <div class="van-search">
Custom Left Content Custom Left Content
<div class="van-search__content van-search__content--square"> <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"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>