| | |
| | | <template> |
| | | <view class="hz"> |
| | | <view style="width: 100%; height: 100rpx;"></view> |
| | | <view class="search"> |
| | | <view class="search" :style="{top: searchTop + 'rpx'}"> |
| | | <view class="search_sou"> |
| | | <view class="search_sou_input"> |
| | | <image src="@/static/icon/ic_search@2x.png" mode="widthFix"></image> |
| | |
| | | <scroll-view scroll-y class="search_list_item_cate"> |
| | | <view class="search_list_item_cate_data"> |
| | | <view :class="index === i ? 'cate_active cate_item' : 'cate_item'" v-for="(item, index) in list" :key="index" @click="i = index">{{item.name}}</view> |
| | | <view class="cate_data_zw"></view> |
| | | </view> |
| | | </scroll-view> |
| | | </view> |
| | |
| | | }, |
| | | props: { |
| | | label: String, |
| | | list: Array |
| | | list: Array, |
| | | searchTop: { |
| | | type: Number, |
| | | default: () => 0 |
| | | }, |
| | | topNum: { |
| | | type: String, |
| | | default: () => '100rpx' |
| | | } |
| | | }, |
| | | methods: { |
| | | sou() { |
| | |
| | | }, |
| | | open() { |
| | | if (this.top === '-724rpx') { |
| | | this.top = '100rpx' |
| | | this.top = this.topNum |
| | | this.display = 'black' |
| | | } else { |
| | | this.top = '-724rpx' |
| | |
| | | background: rgba(67,124,179,0.12) !important; |
| | | color: #437CB3 !important; |
| | | } |
| | | .cate_data_zw { |
| | | width: 216rpx; |
| | | height: 0; |
| | | } |
| | | .cate_item { |
| | | width: 216rpx; |
| | | height: 68rpx; |