更新记录

1.0.1（2024-04-12） 下载此版本

预览图修改

1.0.0（2024-04-12） 下载此版本

初始化项目

平台兼容性

uni-app

其他

uniApp leave-list 底部凸出tabbar

使用说明

<template>
    <view >
        <leave-list :leaveList="leaveList" @leaveDetail="leaveDetail"></leave-list>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                //  请假记录数组
                leaveList: [{
                        stutic: 1,
                        title: "病假",
                        reason: "家中有事",
                        time: "2024.4.12 14:20 - 2024.4.12 16:20",
                        duration: "2小时",
                        sTime: "2024.4.12 12:00"
                    },
                    {
                        stutic: 2,
                        title: "病假",
                        reason: "家中有事",
                        time: "2024.4.12 14:20 - 2024.4.12 16:20",
                        duration: "2小时",
                        sTime: "2024.4.12 12:00"
                    },
                    {
                        stutic: 3,
                        title: "病假",
                        reason: "家中有事",
                        time: "2024.4.12 14:20 - 2024.4.12 16:20",
                        duration: "2小时",
                        sTime: "2024.4.12 12:00"
                    }
                ]
            }
        },
        methods: {
            /**
             * @param {Object} e 输掉参数e
             */
            leaveDetail(e){
                console.log('当前点击的请假信息:', e)
            }
        }
    }
</script>

<style lang="scss">
    page {
        background-color: #f5f5f5;
    }

    .recordPage {
        padding: 20rpx 25rpx;
        box-sizing: border-box;
    }
</style>

属性说明

| QQ交流群(906392632) |

|

温馨提示

• 文件上传
  0. 如说明表达还不够清楚，不清楚怎么使用可加入群聊一起交流
  1. 若能帮到你还请点亮5颗小星星以作鼓励哈~
  2. 若能帮到你还请点亮5颗小星星以作鼓励哈~
  3. 若能帮到你还请点亮5颗小星星以作鼓励哈~