fix

Helius

2021-02-20 45fb4b11ad51bb38306765b11a6747402e382cee

 hive-app/components/searchBar/index.vue

@@ -1,29 +1,51 @@
<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" :focus="focus" confirm-type="search" @confirm="confirm" :placeholder="placeholder" placeholder-class="placeholder" />
   </view>
</template>

<script>
   export default {
      props:{
         focus: {
            default: false
         },
         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>