From 03247d9b0392d2c9388b3228c7eef6533944460a Mon Sep 17 00:00:00 2001
From: li-guang <153605324@qq.com>
Date: Mon, 21 Dec 2020 17:38:17 +0800
Subject: [PATCH] 服务单
---
hive-app/components/searchBar/index.vue | 25 +++++++++++++++++++------
1 files changed, 19 insertions(+), 6 deletions(-)
diff --git a/hive-app/components/searchBar/index.vue b/hive-app/components/searchBar/index.vue
index d39e91e..46f5ca2 100644
--- a/hive-app/components/searchBar/index.vue
+++ b/hive-app/components/searchBar/index.vue
@@ -1,15 +1,19 @@
<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" :placeholder=placeholder placeholder-class="placeholder" />
</view>
</template>
<script>
export default {
+ props:{
+ placeholder: {
+ default: '输入会员姓名、手机号、编号查询'
+ }
+ },
data() {
return {
-
};
}
}
@@ -17,13 +21,22 @@
<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