layout 通用组件布局

Oneshop商城

已于 2024-04-18 15:48:48 修改

阅读量124

点赞数 1

文章标签： java 前端 javascript

于 2024-04-09 15:55:17 首次发布

本文链接：https://blog.csdn.net/wsxc451/article/details/137555738

版权

<template>
   <Layout
    :enable-auto-bet="enableAutoBet"
    :enable-save-bet="commonData.betMode === BetModeEnum.Manual"
    @same-bet="sameBet">
    <template #gameBoard>
      <GameContent
        :game-data="gameData"
        :common-data="commonData" />
    </template>
    <!-- pc自定义插槽  // pc custom slot -->
    <template #beforeBetBtnPc>
      <div class="slot-info">slot-beforeBetBtnPc</div>
    </template>

    <template #afterBetModePc>
      <div class="slot-info">slot-afterBetMode</div>
    </template>
    <template #beforeBetFormPc>
      <div class="slot-info">slot-beforeBetFormPc</div>
    </template>
    <template #afterBetFormPc>
      <div class="slot-info">slot-afterBetForm</div>
    </template>
    <template #customBetFieldsPc>
      <div class="slot-info">slot-customBetFieldsH5</div>
    </template>
    <!-- h5自定义插槽  // h5 custom slot -->
    <template #beforeBetBtnH5>
      <div class="slot-info">slot-beforeBetBtnH5</div>
    </template>
    <template #beforeBetModeH5>
      <div class="slot-info">slot-beforeBetModeH5</div>
    </template>
    <template #beforeBetFormH5>
      <div class="slot-info">slot-beforeBetFormH5</div>
    </template>
    <template #afterBetFormH5>
      <div class="slot-info">slot-afterBetForm</div>
    </template>
    <template #customBetFieldsH5>
      <div class="slot-info">slot-customBetFieldsH5</div>
    </template>
  </Layout>
</template>