id: 页面背包
version: 1
title: 页面背包示例
size:
  width: window.width
  height: window.height
coordinateMode: absolute
display:
  mode: screen
  screen:
    dimBackground: true
elements:
- id: panel_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 0.94
  z: 0
  layout:
    x: 'window.width * 0.5 - 145'
    y: 'window.height * 0.5 - 105'
    width: '290'
    height: '210'
  rect:
    color: '#171A20'
- id: title
  type: text
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 4
  layout:
    x: 'window.width * 0.5 - 80'
    y: 'window.height * 0.5 - 94'
    width: '160'
    height: '14'
  text:
    value: "玩家背包"
    color: '#FFFFFF'
    textSize: 1.2
    textLineLength: 256
    revealIntervalMs: 0
    align: center
- id: summary
  type: text
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 4
  layout:
    x: 'window.width * 0.5 - 120'
    y: 'window.height * 0.5 - 75'
    width: '240'
    height: '12'
  text:
    value: "空槽：{vals.player.inventory.emptySlots}　已用：{vals.player.inventory.occupiedSlots}　物品总数：{vals.player.inventory.totalItemCount}"
    color: '#FFFFFF'
    textSize: 0.75
    textLineLength: 256
    revealIntervalMs: 0
    align: center
- id: helmet_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 128'
    y: 'window.height * 0.5 - 52'
    width: '18'
    height: '18'
  rect:
    color: '#39414D'
- id: helmet_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 128'
    y: 'window.height * 0.5 - 52'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_helmet
    mode: mapped
    allowPut: true
    allowTake: true
- id: chestplate_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 128'
    y: 'window.height * 0.5 - 30'
    width: '18'
    height: '18'
  rect:
    color: '#39414D'
- id: chestplate_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 128'
    y: 'window.height * 0.5 - 30'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_chestplate
    mode: mapped
    allowPut: true
    allowTake: true
- id: leggings_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 128'
    y: 'window.height * 0.5 - 8'
    width: '18'
    height: '18'
  rect:
    color: '#39414D'
- id: leggings_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 128'
    y: 'window.height * 0.5 - 8'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_leggings
    mode: mapped
    allowPut: true
    allowTake: true
- id: boots_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 128'
    y: 'window.height * 0.5 + 14'
    width: '18'
    height: '18'
  rect:
    color: '#39414D'
- id: boots_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 128'
    y: 'window.height * 0.5 + 14'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_boots
    mode: mapped
    allowPut: true
    allowTake: true
- id: offhand_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 + 110'
    y: 'window.height * 0.5 - 52'
    width: '18'
    height: '18'
  rect:
    color: '#39414D'
- id: offhand_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 + 110'
    y: 'window.height * 0.5 - 52'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_offhand
    mode: mapped
    allowPut: true
    allowTake: true
- id: mainhand_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 + 110'
    y: 'window.height * 0.5 - 8'
    width: '18'
    height: '18'
  rect:
    color: '#39414D'
- id: mainhand_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 + 110'
    y: 'window.height * 0.5 - 8'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_mainhand
    mode: mapped
    allowPut: true
    allowTake: true
- id: equipment_label
  type: text
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 4
  layout:
    x: 'window.width * 0.5 - 134'
    y: 'window.height * 0.5 - 68'
    width: '30'
    height: '10'
  text:
    value: "装备"
    color: '#FFFFFF'
    textSize: 0.7
    textLineLength: 256
    revealIntervalMs: 0
    align: center
- id: hands_label
  type: text
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 4
  layout:
    x: 'window.width * 0.5 + 104'
    y: 'window.height * 0.5 - 68'
    width: '30'
    height: '10'
  text:
    value: "双手"
    color: '#FFFFFF'
    textSize: 0.7
    textLineLength: 256
    revealIntervalMs: 0
    align: center
- id: backpack_9_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 0 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_9_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 0 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_9
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_10_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 1 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_10_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 1 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_10
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_11_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 2 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_11_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 2 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_11
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_12_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 3 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_12_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 3 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_12
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_13_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 4 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_13_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 4 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_13
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_14_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 5 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_14_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 5 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_14
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_15_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 6 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_15_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 6 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_15
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_16_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 7 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_16_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 7 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_16
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_17_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 8 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_17_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 8 * 20'
    y: 'window.height * 0.5 - 52 + 0 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_17
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_18_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 0 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_18_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 0 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_18
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_19_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 1 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_19_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 1 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_19
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_20_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 2 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_20_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 2 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_20
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_21_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 3 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_21_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 3 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_21
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_22_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 4 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_22_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 4 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_22
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_23_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 5 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_23_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 5 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_23
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_24_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 6 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_24_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 6 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_24
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_25_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 7 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_25_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 7 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_25
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_26_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 8 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_26_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 8 * 20'
    y: 'window.height * 0.5 - 52 + 1 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_26
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_27_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 0 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_27_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 0 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_27
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_28_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 1 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_28_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 1 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_28
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_29_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 2 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_29_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 2 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_29
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_30_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 3 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_30_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 3 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_30
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_31_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 4 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_31_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 4 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_31
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_32_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 5 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_32_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 5 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_32
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_33_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 6 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_33_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 6 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_33
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_34_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 7 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_34_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 7 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_34
    mode: mapped
    allowPut: true
    allowTake: true
- id: backpack_35_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 8 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  rect:
    color: '#303640'
- id: backpack_35_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 8 * 20'
    y: 'window.height * 0.5 - 52 + 2 * 20'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_35
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_0_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 0 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_0_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 0 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_0
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_1_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 1 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_1_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 1 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_1
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_2_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 2 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_2_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 2 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_2
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_3_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 3 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_3_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 3 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_3
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_4_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 4 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_4_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 4 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_4
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_5_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 5 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_5_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 5 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_5
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_6_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 6 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_6_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 6 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_6
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_7_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 7 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_7_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 7 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_7
    mode: mapped
    allowPut: true
    allowTake: true
- id: hotbar_8_background
  type: rect
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 1
  layout:
    x: 'window.width * 0.5 - 90 + 8 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  rect:
    color: '#454E5D'
- id: hotbar_8_slot
  type: item_slot
  visible: true
  enabled: true
  pointerEvents: auto
  opacity: 1
  z: 2
  layout:
    x: 'window.width * 0.5 - 90 + 8 * 20'
    y: 'window.height * 0.5 + 22'
    width: '18'
    height: '18'
  itemSlot:
    bind: backpack_8
    mode: mapped
    allowPut: true
    allowTake: true
- id: mainhand_detail
  type: text
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 4
  layout:
    x: 'window.width * 0.5 - 120'
    y: 'window.height * 0.5 + 52'
    width: '240'
    height: '12'
  text:
    value: "当前主手：{vals.player.inventory.mainhand.id} × {vals.player.inventory.mainhand.count}"
    color: '#FFFFFF'
    textSize: 0.72
    textLineLength: 256
    revealIntervalMs: 0
    align: center
- id: operation_tip
  type: text
  visible: true
  enabled: false
  pointerEvents: pass
  opacity: 1
  z: 4
  layout:
    x: 'window.width * 0.5 - 120'
    y: 'window.height * 0.5 + 72'
    width: '240'
    height: '12'
  text:
    value: "点击槽位可以与真实背包交换物品"
    color: '#FFFFFF'
    textSize: 0.72
    textLineLength: 256
    revealIntervalMs: 0
    align: center
