付费 闭源 娱乐 【CSHOP】CustomShop 但是UI版|高性能|自定义模板|客户端UI显示商店

# 模板ID，用于商店引用
template_id: "default"
version: 1

# ========== 画布设置 ==========
# 定义整个商店界面的画布大小（像素），建议宽高与客户端屏幕适配
# 实际显示时，画布会根据屏幕尺寸自动缩放，但坐标计算基于此尺寸
canvas:
  width: 400      # 画布宽度，建议 400~500
  height: 500     # 画布高度，建议 400~600
  background_color: "0x88000000"   # 背景颜色（ARGB格式，0xAA RR GG BB）

# ========== 标题设置 ==========
title:
  text: "&6&l%shop_name%"    # 标题文本，%shop_name% 会被替换为商店名
  x: 15                     # 标题左上角相对画布的 X 坐标
  y: 10                     # 标题左上角相对画布的 Y 坐标
  width: 370                # 标题框宽度
  height: 30                # 标题框高度
  background_color: "0xFF1a1a2e"   # 标题背景色
  border_color: "0xFFe94560"       # 标题边框色
  border_width: 2           # 边框宽度
  font_scale: 1.5           # 字体缩放倍数
  alignment: "center"       # 文字对齐方式：left/center/right
  shadow: true              # 是否显示文字阴影

# ========== 物品槽位网格 ==========
slots:
  rows: 3                  # 行数
  cols: 4                  # 列数
  start_x: 20              # 网格左上角相对画布的 X 偏移
  start_y: 50              # 网格左上角相对画布的 Y 偏移（通常位于标题下方）
  gap_x: 10                # 列间距
  gap_y: 10                # 行间距
  slot_width: 80           # 每个物品槽的宽度
  slot_height: 80          # 每个物品槽的高度

  # 物品显示样式
  item_component:
    icon_scale: 2.0      # 物品图标缩放
    show_amount: true      # 是否显示物品数量
    amount_x_offset: 55    # 数量文字相对槽位左上角的 X 偏移
    amount_y_offset: 55    # 数量文字相对槽位左上角的 Y 偏移
    amount_color: "0xFFFFFFFF"  # 数量文字颜色

  # 物品槽边框样式
  border:
    color: "0xFF555555"          # 默认边框颜色
    width: 2                     # 边框宽度
    hover_color: "0xFFe94560"    # 鼠标悬停时边框颜色
    unavailable_color: "0xFF333333" # 不可购买时边框颜色

  # 物品名称标签（显示在槽位下方）
  name_label:
    y_offset: 85          # 标签相对槽位左上角的 Y 偏移（通常稍大于槽高）
    max_width: 80         # 标签最大宽度
    background_color: "0xCC000000"   # 标签背景色
    text_color: "0xFFFFFFFF"         # 标签文字颜色
    font_scale: 0.7                 # 字体缩放
    alignment: "center"             # 对齐方式
    max_lines: 2                    # 最大行数

  # 物品悬停提示（Tooltip）
  tooltip:
    enabled: true                    # 是否启用
    background_color: "0xF0101010"   # 提示框背景色
    border_color: "0xFF555555"       # 提示框边框色
    text_color: "0xFFFFFFFF"         # 提示文字颜色
    max_width: 200                   # 提示框最大宽度

# ========== 翻页按钮 ==========
pagination:
  # 按钮位置：确保按钮在画布底部区域内，且不覆盖物品槽
  # 建议 prev_button_y 和 next_button_y 在 (画布高度 - 按钮高度 - 安全边距) 范围内
  # 此处画布高度 500，按钮高度 20，安全边距 30，因此 y <= 500-20-30 = 450
  prev_button_x: 150       # 上一页按钮 X 坐标（相对画布）
  prev_button_y: 450       # 上一页按钮 Y 坐标（相对画布），置于底部附近
  next_button_x: 230       # 下一页按钮 X 坐标（相对画布）
  next_button_y: 450       # 下一页按钮 Y 坐标（相对画布）
  button_width: 40         # 按钮宽度
  button_height: 20        # 按钮高度
  background_color: "0xFF1a1a2e"   # 按钮背景色
  hover_color: "0xFFe94560"       # 鼠标悬停时颜色
  text_color: "0xFFFFFFFF"         # 按钮文字颜色

# ========== 底部信息栏 ==========
footer:
  y: 460                # 相对画布的 Y 坐标（通常靠近底部）
  height: 20            # 高度
  x: 10                 # X 坐标
  width: 380            # 宽度
  text: "&7余额: &e%vault_eco_balance% &7| 点券: &b%cshop_cost_point_bal%"  # 支持占位符
  alignment: "left"     # 对齐方式