<template>
	<view class="searchPage-wrap">
		<!-- 搜索 -->
		<u-search shape="square" placeholder="请输入门店名称搜索" v-model="keyword" action-text="取消" @change="change" @search="search" @custom="custom"></u-search>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				keyword: ''
			}
		},
		methods: {
			//  用户点击右侧控件时触发
			custom(val){
				
			},
			//  输入框内容发生变化时触发
			change(val){
				let i = this.throttle(this.handle(), 1000)
				// console.log(i)
			},
			//  用户确定搜索时触发，用户按回车键，或者手机键盘右下角的"搜索"键时触发
			search(val){
				
			},
			// 节流throttle代码（时间戳+定时器）
			throttle(fn,delay){
			    let valid = true
			    return function() {
			       if(!valid){
			           //休息时间 暂不接客
			           return false 
			       }
			       // 工作时间，执行函数并且在间隔期内把状态位设为无效
			        valid = false
			        setTimeout(() => {
			            fn()
			            valid = true;
			        }, delay)
			    }
			},
			handle(){
				console.log(12)
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #f8f8f8;
		height: calc(100vh - 44px);
	}
	.searchPage-wrap{
		
	}
</style>
