| @ -0,0 +1,74 @@ | |||||
| <template> | |||||
| <view class="page pageList"> | |||||
| <navbar title="找车" bgColor="#5baaff" color="#fff" leftClick @leftClick="$utils.navigateBack" /> | |||||
| <view class="top-bg"></view> | |||||
| <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 :isArea="false" @clickItem="clickItem" /> | |||||
| </view> | |||||
| <!-- <view class="list"> | |||||
| <cartItem :key="index" v-for="(item, index) in list" :item="item" | |||||
| @click="$utils.navigateTo('/pages_order/car/carListDetail?id=' + item.id)" /> | |||||
| </view> --> | |||||
| <!-- <view class="heid"> | |||||
| <view class="pepo"> | |||||
| 人找车 | |||||
| </view> | |||||
| <view class="car"> | |||||
| 车找人 | |||||
| </view> | |||||
| </view> --> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import mixinsList from '@/mixins/list.js' | |||||
| import screenRen from '../components/screen/screenRen.vue' | |||||
| import cartItem from '../components/list/cart/cartItem.vue' | |||||
| export default { | |||||
| mixins: [mixinsList], | |||||
| components: { | |||||
| cartItem, | |||||
| screenRen, | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| mixinsListApi: 'getCatPage', | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| clickItem(result) { | |||||
| this.queryParams = { | |||||
| pageNo: 1, | |||||
| pageSize: 10, | |||||
| } | |||||
| result.forEach(n => { | |||||
| this.queryParams[n.name] = n.value | |||||
| }) | |||||
| this.getData() | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page { | |||||
| .list { | |||||
| padding: 0 20rpx; | |||||
| } | |||||
| } | |||||
| .top-bg { | |||||
| position: absolute; | |||||
| height: 500rpx; | |||||
| width: 100%; | |||||
| background: linear-gradient($uni-color, #fff); | |||||
| } | |||||
| </style> | |||||