Files
jianbing/pages/store/store.vue

66 lines
1.4 KiB
Vue

<template>
<view class="content">
<view>
<navigator class="header" hover-class="none" url="/pages/goods_search/goods_search">
<u-search placeholder="请输入商品名" :disabled="true"></u-search>
</navigator>
</view>
<view>
<view class="store u-flex u-row-between u-p-32">
<view>
<view class="lg bold-600 u-flex" @click="chooseStore">
MEET轻食店
<u-icon name="arrow-right" size="28" class="right-icon"></u-icon>
</view>
<view class="u-flex u-margin-top-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>
<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
}
});
},
}
}
</script>
<style lang="scss">
.store {
background-color: #FFFAFB;
height: 108rpx;
.right-icon {
font-weight: bold;
margin-left: 4rpx;
}
}
</style>