|
|
@@ -5,19 +5,19 @@
|
|
|
<i class="iconfont" :class="[icon]"></i>
|
|
|
</div>
|
|
|
<div class="input-wrap">
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- :placeholder-style="`color:${placeholderColor}`"
|
|
|
- ref="searchInput"
|
|
|
- v-model="search"
|
|
|
- :focus="focus"
|
|
|
- @input="inputFn" @focus="inputEmptyFn"
|
|
|
- :style="{ fontSize: fontSize + 'rpx' }"
|
|
|
- :placeholder="placeholder"
|
|
|
- :placeholder-class="placeholderClass"
|
|
|
- @confirm="searchFn"
|
|
|
- confirm-type="search"
|
|
|
- />
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ :placeholder-style="`color:${placeholderColor}`"
|
|
|
+ ref="searchInput"
|
|
|
+ v-model="search"
|
|
|
+ :focus="focus"
|
|
|
+ @input="inputFn" @focus="inputEmptyFn"
|
|
|
+ :style="{ fontSize: fontSize + 'rpx' }"
|
|
|
+ :placeholder="placeholder"
|
|
|
+ placeholder-class="placeholder"
|
|
|
+ @confirm="searchFn"
|
|
|
+ confirm-type="search"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<block v-if="isBtn">
|
|
|
@@ -94,15 +94,10 @@ export default {
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
},
|
|
|
- // placeholder样式类名
|
|
|
- placeholderClass: {
|
|
|
- type: String,
|
|
|
- default: "placeholder"
|
|
|
- },
|
|
|
- // placeholder颜色
|
|
|
+ // placeholder 颜色
|
|
|
placeholderColor: {
|
|
|
type: String,
|
|
|
- default: "red"
|
|
|
+ default: "#ccc"
|
|
|
},
|
|
|
},
|
|
|
data() {
|
|
|
@@ -155,7 +150,7 @@ export default {
|
|
|
text-align: left;
|
|
|
}
|
|
|
.placeholder {
|
|
|
- color: #ccc;
|
|
|
+ color: var(--placeholder-color, #ccc);
|
|
|
}
|
|
|
}
|
|
|
}
|