<template>
  <view class="search-tabs">
    <view class="search-tabs__left">
      <view v-for="(index,item) in list" :key="index">{{item.name}}</view>
    </view>
    <view slot="right" class="search-tabs__rigth" @click="filterChange">
      <image class="img" :src="formatImagePath('search')" />
    </view>
  </view>
</template>

<script>

export default {
  props: {
    value: String,
    list: Array,
  },
  data: function() {
    return {

    };
  },
  watch: {
   
  },
  methods: {
    filterChange() {
      this.$u.toast('插槽被点击')
    }
  }
}
</script>

<style lang="scss">
.search-tabs {
  .search-tabs{
    .u-tabs {
      .u-tabs__wrapper__nav__item.data-v-48634e29  {
        width: 158upx !important;
        height: 58upx;
        background: #F6F8FB;
        border-radius: 8upx;
      }
    }
    &__rigth {
      width: 102upx;
      height: 90upx;
      padding-right: 20upx;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: -20upx 0 10upx -10upx rgba(51,51,51,0.1);
      .img {
        width: 32upx;
        height: 34upx;
      }
    }  
  }    
}
</style>
