From aaa767b2054fdbe7f60b9d1fdc7a8ad3b25d6c90 Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Thu, 17 Dec 2020 16:37:31 +0800
Subject: [PATCH] gx
---
hive-app/components/searchBar/index.vue | 21 +++++++++++++++------
1 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/hive-app/components/searchBar/index.vue b/hive-app/components/searchBar/index.vue
index d39e91e..9c14554 100644
--- a/hive-app/components/searchBar/index.vue
+++ b/hive-app/components/searchBar/index.vue
@@ -1,15 +1,15 @@
<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"],
data() {
return {
-
};
}
}
@@ -17,13 +17,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