|
|
|
@ -1,57 +1,48 @@ |
|
|
|
<template> |
|
|
|
<view class="page pageList"> |
|
|
|
<navbar title="店铺" leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
<navbar title="店铺" bgColor="#5baaff" color="#fff" leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
|
|
|
|
<view class="top-bg"></view> |
|
|
|
|
|
|
|
<view |
|
|
|
style="padding: 10rpx 20rpx;"> |
|
|
|
<uv-search |
|
|
|
bgColor="#fff" |
|
|
|
@search="getData" |
|
|
|
@custom="getData" |
|
|
|
searchIconSize="30rpx" |
|
|
|
placeholder="请输入搜索关键字..." |
|
|
|
v-model="title"></uv-search> |
|
|
|
<view style="padding: 10rpx 30rpx 0 30rpx;"> |
|
|
|
<uv-search bgColor="#fff" @search="getData" :showAction="false" searchIconSize="30rpx" |
|
|
|
placeholder="请输入搜索关键字..." v-model="queryParams.title"></uv-search> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class=""> |
|
|
|
<screenRen |
|
|
|
@clickItem="clickItem"/> |
|
|
|
<screenSearch @clickItem="clickItem" /> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="list"> |
|
|
|
<gourmetItem |
|
|
|
:key="index" |
|
|
|
v-for="(item, index) in list" |
|
|
|
:item="item" |
|
|
|
@click="$utils.navigateTo('/pages_order/gourmet/gourmetDetail?id=' + item.id)" |
|
|
|
/> |
|
|
|
<gourmetItem :key="index" v-for="(item, index) in list" :item="item" |
|
|
|
@click="$utils.navigateTo('/pages_order/gourmet/gourmetDetail?id=' + item.id)" /> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import mixinsList from '@/mixins/list.js' |
|
|
|
import screenRen from '../components/screen/screenRen.vue' |
|
|
|
import screenSearch from '../components/screen/screenSearch.vue' |
|
|
|
import gourmetItem from '../components/list/gourmet/gourmetItem.vue' |
|
|
|
export default { |
|
|
|
mixins: [mixinsList], |
|
|
|
components : { |
|
|
|
components: { |
|
|
|
gourmetItem, |
|
|
|
screenRen, |
|
|
|
screenSearch, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
mixinsListApi : 'getStorePage', |
|
|
|
mixinsListApi: 'getStorePage', |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getDataThen(list){ |
|
|
|
getDataThen(list) { |
|
|
|
list.forEach(n => { |
|
|
|
n.image = n.image ? n.image.split(',') : [] |
|
|
|
}) |
|
|
|
}, |
|
|
|
clickItem(result){ |
|
|
|
clickItem(result) { |
|
|
|
this.queryParams = { |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10, |
|
|
|
@ -66,10 +57,17 @@ |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.page{ |
|
|
|
padding-bottom: env(safe-area-inset-bottom); |
|
|
|
.list{ |
|
|
|
padding: 0 20rpx; |
|
|
|
.page { |
|
|
|
padding-bottom: env(safe-area-inset-bottom); |
|
|
|
|
|
|
|
.list { |
|
|
|
padding: 0 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.top-bg{ |
|
|
|
position: absolute; |
|
|
|
height: 500rpx; |
|
|
|
width: 100%; |
|
|
|
background: linear-gradient($uni-color, #fff); |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
