| @ -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> | |||