game-sdk/public/themes/h5wap/wap/game/index.html

<extend name="public/base" />

<block name="title">
  <title>分类</title>
</block>
<block name="main">
  <div class="wrap">
    <div class="wrap_label">
      <ul></ul>
    </div>
    <div style="max-height: 380px;overflow: hidden;width: 100%">
      <div class="wrap_content" style="max-height: 380px;width: 105%;overflow: auto"></div>
    </div>


    <div style="height: 2.5rem;width: 100%"></div>
    <div class="footer" style="position:absolute;left: 0;bottom: 0;width: 100%">
      <include file="public/navbar" index="2" />
    </div>
  </div>

</block>
<block name="otherScript">

  <script>
    $(function(){
      function getGameList(params){
        let data = params || {"format": "json"}
        $.ajax({
          url: '/wap/game/list',
          data: data,
          type: "POST",
          success: res=>{
            if(res.code == 200){
              $('.wrap_content').html('')
              for(let i=0;i<res.data.count;i++){
                $('.wrap_content').append(`<li class="hotGame_item" gameid="${res.data.list[i].game_id}">
                                    <div class="hotGame_item__div1">
                                      <img src="${res.data.list[i].icon}"/>
                                    </div>
                                    <div class="hotGame_item__div2">
                                      <p class="coolPao">${res.data.list[i].gamename}&ensp;
                                      </p>
                                      <p class="openedText">${res.data.list[i].oneword}</p>
                                    </div>
                                    <div class="hotGame_item__div3" stopPropagation>
                                      <a href="{$agent_site}/sdk.php/game?game_id=${res.data.list[i].game_id}&agent_id={$agent_id}">
                                        <span class="start"></span>
                                      </a>
                                    </div>
                                  </li>`)
              }

            }else{
              console.log('err==', res.msg)
            }
          }

        })
      }

      $.ajax({
        url: '/wap/game/type',
        data: {
          "format": "json"
        },
        type: "POST",
        success: res => {
          console.log(res)
          if(res.code == 200){
            $('.wrap_label ul').html('')
            $('.wrap_label ul').append(`<li data-id="0">全部</li>`)
            for(let k=0; k<res.data.length;k++){
              $('.wrap_label ul').append(`<li data-id="${res.data[k].id}">${res.data[k].name}</li>`)
            }
            $('.wrap_label ul li').click(function(){
              // console.log($(this).attr('data-id'))
              let obj = {
                type: $(this).attr('data-id'),
                "format": "json"
              }
              getGameList(obj)
            })
          }else{
            console.log('err==', res.msg)
          }

        }
      })


      getGameList()



    })
  </script>

</block>