68 lines
1.7 KiB
Vue
68 lines
1.7 KiB
Vue
<!-- 我的订单 -->
|
|
<template>
|
|
<view class="jy-business-operator-order">
|
|
<JyCommonHead>
|
|
<template v-slot:center>
|
|
<uni-easyinput prefixIcon="search" v-model="value" placeholder="搜索内容" />
|
|
</template>
|
|
</JyCommonHead>
|
|
<JyShopNavigation :current="params.currentTab" :list="tabs" @tabItemClick="itemClick" marright="25px"
|
|
activeWeight='600' activeColor="#333333" activeBarColor="initial" />
|
|
<view class="p16">
|
|
<JyOrderCard v-for="(item, index) in 10" type="business_order"></JyOrderCard>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
import { onLoad } from "@dcloudio/uni-app"
|
|
import JyCommonHead from '@/components/public/jy-common-head'
|
|
//顶部条件栏
|
|
import JyShopNavigation from '@/components/public/jy-shop-navigation'
|
|
import JyOrderCard from '@/components/public/jy-order-card'
|
|
import { onReachBottom } from '@dcloudio/uni-app';
|
|
onReachBottom(() => {
|
|
console.log('====================================');
|
|
console.log("加载到底了通知刷新");
|
|
console.log('====================================');
|
|
})
|
|
const itemClick = (item, index) => {
|
|
}
|
|
const tabs = ref([{
|
|
id: 1,
|
|
name: '全部'
|
|
},
|
|
{
|
|
id: 2,
|
|
name: '待付款'
|
|
},
|
|
{
|
|
id: 3,
|
|
name: '待发货'
|
|
},
|
|
{
|
|
id: 4,
|
|
name: '待收货'
|
|
},
|
|
{
|
|
id: 6,
|
|
name: '售后/退款'
|
|
}])
|
|
const value = ref('')
|
|
const params = ref({
|
|
currentTab: 0
|
|
})
|
|
// 获取路由传的参数
|
|
onLoad(options => {
|
|
params.value.currentTab = options.currentTab / 1
|
|
})
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.jy-order {
|
|
::v-deep .uni-easyinput__content {
|
|
border-radius: 18rpx;
|
|
width: 542rpx;
|
|
}
|
|
}
|
|
</style> |