1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| <template>
| <view>
| <up-sticky bgColor="#fff">
| <up-subsection :list="list" :current="current4" activeColor="#f9ae3d"
| @change="sectionChange"></up-subsection>
|
| </up-sticky>
| <up-empty mode="order" icon="http://cdn.uviewui.com/uview/empty/order.png">
| </up-empty>
| </view>
| </template>
|
| <script setup>
| import {
| reactive,
| ref
| } from 'vue';
| const state = reactive({
| currentIdex: 0
| })
| const current4 = ref(0);
| const list = ref(['全部', '进行中', '已完成', '已取消']);
| const list2 = ref(['全部', '正在招', '审核中', '未通过','已招满']);
| // 创建响应式数据
| const list1 = reactive([{
| name: '日结工订单'
| },
| {
| name: '长期工订单'
| },
| ]);
| const change = (e) => {
| state.currentIdex = e.index
| }
| const sectionChange=(index)=> {
| current4.value = index;
| }
| </script>
|
| <style>
|
| </style>
|
|
