更新记录

1.0.1（2023-12-04）

优化h5显示

1.0.0（2023-12-04）

初版发布

平台兼容性

liu-seat-select适用于uni-app项目的任何座位选择的自定义组件

本组件目前兼容微信小程序、H5

我们更推荐您使用我们的这个模版，自由度更高！https://ext.dcloud.net.cn/plugin?id=15737

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用示例

<template>
    <view class="page-main">
        <liu-seat-select :seatTop='6' :deskTop="5" :seatBottom='6' :deskBottom='5' :selects='2' @change='getSeat'></liu-seat-select>
    </view>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        methods: {
            getSeat(e){
                let seat = e.map(res=>{
                    return res.seatNumber
                })
                console.log(seat)
                uni.showToast({
                    title: '你选择的座位是' + seat.join(','),
                    icon: 'none'
                });
            },
        }
    }
</script>

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

属性说明