更新记录
1.0.2(2022-08-06) 下载此版本
修改异步调用数据 initData(data) 初始化座位图。
1.0.1(2021-09-29) 下载此版本
更新文档介绍
1.0.0(2021-09-29) 下载此版本
插件改自,原作者: markrgba,插件id:1156 原插件链接:https://ext.dcloud.net.cn/plugin?id=1156 封装uni_modules组件,修改小程序适应,重新编写样式和布局,新增价格计算、多选限制。
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
anil-seat
使用方法:
在 script 中引用组件
import anilSeat from '@/uni_modules/anil-seat/components/anil-seat/anil-seat.vue'
export default {
components: {anilSeat},
onLoad () {
// 座位图初始化 - seatData座位数据
this.$refs['anilSeat'].initData(seatData)
}
}
在 template 中引用组件
<anil-seat
title="皮皮鲁与鲁西西之罐头小人"
info="2021年01月22日 国语 奇幻 喜剧 儿童"
room-name="5号厅">
</anil-seat>
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
title | String | 电影标题 | |
info | String | 电影信息 | |
roomName | String | 房间名称 | |
seatData | Array<Object> | 座位数据-格式如下 | |
max | Number | 4 | 最大一次选择位置 |
// 电影座位格式
[{
"YCoord": "3", // -Y坐标
"XCoord": "11", // -X坐标
"SeatCode": "4413141101#01#14", // 座位code
"Status": 0, // 座位状态
"RowNum": "1", // 排
"ColumnNum": "14", // 列
"Price": "23.6" // 当前座位票价
}]
事件说明
事件名称 | 说明 | 返回值 |
---|---|---|
confirm | 确认座位回调事件 | 选择的座位数据 |