订单块

li-guang

2020-12-17 06cd51f34f3a51e6ff848ae5b695a46dfc424200

 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>