<template>
	<view class="content">
		<view class="search" @click="toSearch">
			<u-search placeholder="请输入商品名" :disabled="true" ></u-search>
		</view>
		<view>
			<view class="store u-flex u-row-between u-p-32">
				<view>
					<view class="lg bold-400 u-flex" @click="chooseStore">
						MEET轻食店
						<u-icon name="arrow-right" size="28" class="right-icon u-m-l-4"></u-icon>
					</view>
					<!-- <view class="u-flex u-m-t-8" @click="chooseAddress"> 
						<u-icon name="map" size="32"></u-icon>
						门店地址
					</view> -->
				</view>
				<!-- <view>
					<u-button shape="circle" :hair-line="false" hover-class="none" :customStyle="{backgroundColor: themeColor, color: '#fff', border: 'none', padding: '36rpx'}" @click="signin">自取</u-button>
				</view> -->
			</view>
			<view class="">
				<u-alert-tips type="warning" title="当前门店已休息"></u-alert-tips>
			</view>
			<cate-one :list="cateList"></cate-one>
		</view>
	</view>
</template>

<script>
	import {getCatrgory} from '@/api/store'
	
	export default {
		data() {
			return {
				cateList: [],
				keyword: ''
			}
		},
		onLoad() {
			this.getCatrgoryFun();
		},
		methods: {
			getCatrgoryFun() {
				getCatrgory().then(res => {
					if (res.code == 1) {
						this.cateList = res.data
					}
				});
			},

			toSearch() {
				uni.navigateTo({
					url: '/pages/shop/search'
				})
			}
		}
	}
</script>

<style lang="scss">
	.store {
		background-color: #FFFAFB;
		height: 108rpx;
	}
</style>