You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.2 KiB
63 lines
1.2 KiB
2 years ago
|
<template>
|
||
|
|
<view class="backcor9" style="height: 100vh;overflow: hidden;">
|
||
|
|
<view class="search-container">
|
||
|
|
<!-- 搜索框 -->
|
||
|
|
<block >
|
||
|
|
<view class="nav-search jianbian" >
|
||
|
|
<component-search @onsearch="search_button_event" :propIsOnEvent="true" :propIsRequired="true" propPlaceholder="输入商品名称搜索"></component-search>
|
||
|
|
</view>
|
||
|
|
</block>
|
||
|
|
<!-- 搜索列表 -->
|
||
|
|
<view class="search-list">
|
||
|
|
<goodsList :typeList="'goodsSearch'" @loadData="loadData" :propData="data_list" :paddBottom="0"></goodsList>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import componentSearch from "@/components/search/search.vue";
|
||
|
|
import goodsList from '@/pages/classify/goods-list/goods-list.vue'
|
||
|
|
let requestData = require('./data2.json')
|
||
|
|
export default {
|
||
|
|
|
||
|
|
data(){
|
||
|
|
return{
|
||
|
|
data_list:requestData
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components:{
|
||
|
|
componentSearch,
|
||
|
|
goodsList
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
//搜索事件
|
||
|
|
search_button_event(keywords) {
|
||
|
|
console.log(keywords,"子组件弹射的keywords")
|
||
|
|
},
|
||
|
|
// 加载数据
|
||
|
|
loadData(){
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
|
||
|
|
.search-container{
|
||
|
|
|
||
|
|
|
||
|
|
.search-list{
|
||
|
|
height:calc(100vh - 50px);
|
||
|
|
// padding: 20rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-search {
|
||
|
|
padding:10px ;
|
||
|
|
}
|
||
|
|
</style>
|