From 5d4a0926f4e8fbbc15ba15d4054001cacf630b73 Mon Sep 17 00:00:00 2001
From: li-guang <153605324@qq.com>
Date: Tue, 05 Jan 2021 18:21:56 +0800
Subject: [PATCH] 盘点，修改个人信息，跟进记录图片预览
---
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