<template>
	<view class="merchantList">
		<div class="searchBox">
			<div class="searchBox_left">
				<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
				<u--input @focus="iptFocus" @blur="iptBlur" placeholder="搜索商品" border="surround" clearable></u--input>
			</div>
			<div class="searchBox_right">
				<div class="cars">
					<u-badge numberType="limit" type="error" max="99" :value="value"></u-badge>
					<image src="http://192.168.0.172:5500/shop_car.png" mode="widthFix"></image>
				</div>
			</div>
		</div>
		<!-- 搜索联系 -->
		<div class="searchMore" v-if="isSearch">
			<div class="searchMoreItem">猪肉肠</div>
			<div class="searchMoreItem">猪肉肠</div>
			<div class="searchMoreItem">猪肉肠</div>
		</div>

		<!-- 搜索历史 -->
		<div class="his" v-if="isSearch">
			<div class="hisTit">搜索历史</div>
			<div class="HisList">
				<div class="HisItem">羊肉</div>
				<div class="HisItem">火锅底料</div>
				<div class="HisItem">蒜蓉辣酱</div>
				<div class="HisItem">蒜蓉辣酱</div>
				<div class="HisItem">蒜蓉辣酱</div>
				<div class="HisItem">蒜蓉辣酱</div>
			</div>
		</div>
		<!-- 未搜索到 -->
		<div class="empty" v-if="false">
			<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
			对不起没有找到您想要的商品
		</div>

		<div class="searchList">
			<div class="searchSubTit">
				<div class="searchSubItem">综合</div>
				<div class="searchSubItem">
					价格
					<div class="iconBox">
					</div>
				</div>
			</div>

			<div class="searchItem">
				<div class="searchItem_left">
					<image src="http://192.168.0.172:5500/com_act2Img.png" mode="widthFix"></image>
				</div>
				<div class="searchItem_right">
					<div class="searchItem_right_tit">泰国金枕榴莲</div>
					<div class="searchItem_right_subTit">商品介绍商品介绍</div>
					<div class="searchItem_right_Money">
						<div class="Money_left">
							<div class="money_unit">￥</div>
							125.9
							<div class="Money_dw">/个</div>
						</div>
						<div class="Money_right">
							<u-number-box v-model="value">
								<view slot="minus" class="minus">
									<u-icon name="minus" size="22" bold></u-icon>
								</view>
								<text slot="input" style="width: 80rpx;text-align: center;" class="input">{{ value
								}}</text>
								<view slot="plus" class="plus">
									<u-icon name="plus" color="#FFFFFF" size="22" bold></u-icon>
								</view>
							</u-number-box>
						</div>
					</div>
				</div>
			</div>
		</div>

	</view>
</template>

<script>
import {
	apiArr
} from '../../../api/doorToDoor';
import {
	picUrl,
	menuButtonInfo,
	request,
	NavgateTo
} from '../../../utils';
export default {
	data() {
		return {
			flag: false,
			value: 3,
			isSearch: false,
		}
	},
	methods: {
		search() {

		},
		ipt1(e) {
			console.log(e);
		},
		iptFocus() {
			this.isSearch = true
		},
		iptBlur() {
			this.isSearch = false
		},
	},
	onLoad(options) {

	},
	onReachBottom() {
		if (this.flag) {

		}
	},
}
</script>

<style>
@import url("./index.css");
</style>