From bb6aebd55fc9a8039e1c199ae1ea8af4eb547b1b Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Wed, 30 Dec 2020 10:32:41 +0800
Subject: [PATCH] gx
---
hive-app/components/searchBar/index.vue | 31 +++++++++++++++++++++++++------
1 files changed, 25 insertions(+), 6 deletions(-)
diff --git a/hive-app/components/searchBar/index.vue b/hive-app/components/searchBar/index.vue
index d39e91e..8a5890e 100644
--- a/hive-app/components/searchBar/index.vue
+++ b/hive-app/components/searchBar/index.vue
@@ -1,29 +1,48 @@
<template>
<view class="search-group">
- <text></text>
- <input class="uni-input" confirm-type="search" placeholder="键盘右下角按钮显示为搜索" placeholder-class="placeholder" />
+ <text class="iconfont iconsousuo"></text>
+ <input class="uni-input" confirm-type="search" @confirm="confirm" :placeholder="placeholder" placeholder-class="placeholder" />
</view>
</template>
<script>
export default {
+ props:{
+ placeholder: {
+ default: '输入会员姓名、手机号、会员编号、拼音'
+ }
+ },
data() {
return {
-
};
+ },
+ methods:{
+ confirm(e){
+ this.$emit('confirm', e.detail.value);
+ }
}
+
}
</script>
<style>
.search-group{
- background: #F8F8F8;
- margin-top: 10px;
+ display: flex;
+ align-items: center;
+ background: #F2f2f2;
margin-bottom: 10px;
padding: 8px 15px;
- border-radius: 30px;
+ border-radius: 20px;
+ }
+ .search-group .iconfont{
+ color: #999999;
+ font-size: 14px;
+ vertical-align: baseline;
+ padding-right: 10px;
+ line-height: 18px;
}
.search-group input{
font-size: 14px;
+ flex: 1;
}
</style>
--
Gitblit v1.9.1