feat: 增加组件

zhangnuoyan

2024-08-25 efd620b121f27ba59a265402f2cec0ea0a5a1309

 src/views/oneThree/member/pages/travel.vue

@@ -33,6 +33,7 @@
            </div>
        </div>
    </div>
    <the-travel-line date="2023-12-13" :data="data" />
    <div class="pagination">
        <a-pagination :total="50" show-total show-jumper show-page-size style="margin-top: 8px" />
    </div>
@@ -53,6 +54,73 @@
        value: "custom"
    }
]);
const data = reactive([
    {
        type: "in",
        title: "12:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "out",
        title: "13:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "in",
        title: "14:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "out",
        title: "15:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "in",
        title: "16:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "out",
        title: "17:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "in",
        title: "18:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "out",
        title: "19:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "in",
        title: "20:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "out",
        title: "21:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "in",
        title: "22:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "out",
        title: "23:00",
        content: "A小区2号楼1号梯4楼"
    },
    {
        type: "in",
        title: "24:00",
        content: "A小区2号楼1号梯4楼"
    }
]);
</script>

<style lang="scss" scoped>