cf-platform/Application/Mobile/View/Index/product.html

<extend name="Public/bases" />
<block name="body" >
  <style>
    .text .stars {margin-top:-1rem;}
    @media screen and (min-width: 769px) {

    }
    @media screen and (max-width: 321px) {
      .wh_65{width: 5.3rem;height: 5.3rem;}

    }
  </style>
  <!--头部-->
  <div class="zmarg_btm59">

    <!--搜索框-->
    <style>
      .searchbox {
        background: #E5E9EC;
        padding: 1rem 0;
        border-bottom: 1px solid #DCDDE0;
      }
      .searchbox .search {
        margin: 0 6rem;
        display: block;
        position: relative;
        text-align: center;
      }
      .searchbox .search .text {
        box-sizing: border-box;
        -webkit-sizing: border-box;
        width: 100%;
        font-size: 1.8rem;
        border: none;
        background: #FFF;
        border-radius: 4rem;
        padding: .5rem 1.5rem .5rem 4rem;
        height: 3.2rem;
      }
      .searchbox .search .btn {
        position: absolute;
        top: 0.6rem;
        left: 1.1rem;
      }
      .searchbox .search .btn .iconfont {
        font-size: 2.4rem;
        color: #bbb;
      }

    </style>

    <div class="searchbox">
      <form action="" method="post" class="search">
          <span onclick="game_category()">
            <input type="text" name="name" class="text" placeholder="请输入游戏名称" disabled>
          </span>
        <span class="btn searchbtn"><i class="iconfont icon-search"></i></span>
      </form>
    </div>
    <script>
        function game_category() {
            window.location.href = "{:U('Category/index')}";
        }
    </script>
    <!--end 搜索框-->
    <!-- start推荐产品 -->
    <div class="hot-game-box">
      <div class="box-title" style="margin-top:0;">
        <span>推荐产品</span>
        <a href="{:U('Rank/index',array('rank'=>'hot'))}">&plus;更多</a>
      </div>
      <div class="swiper-container swiper-container-hotGame">
        <div class="swiper-wrapper">
          <style>
            .g-list li {
              list-style: none;
              width: 47.8%;
              margin-bottom: .4rem;
              position: relative;
              float: left;
              margin-right: 2.2%;
            }
            .g-list li span{
              color: #333;
              font-size: 15px;
              margin: .2rem 0 .06667rem;
              overflow: hidden;
              display: -webkit-box;
            }
            .g-list li p{
              font-size: 15px;
              color: #9c9c9c;
              line-height: 1.4;
              overflow: hidden;
              display: -webkit-box;
            }
          </style>
          <ul class="g-list">
            <volist name="recommend" id="rec">
              <li>
                <a href="{:U('Game/detail?id='.$rec['id'])}" data-param=""><img src="{:get_cover($rec['cover'],'path')}">
                  <div class="rec-name">
                    <span>{:msubstr2($rec['relation_game_name'],0,10)}</span>
                    <p class="rec-p">{:msubstr2($rec['features'],0,10)}</p></div>
                </a>
              </li>
            </volist>
          </ul>
        </div>
      </div>
    </div>
    <!-- end推荐产品 -->

    <!-- start轮播banner -->
    <div class="banner" style="width:100%;">
      <div class="swiper-container swiper-container-banner" style="width:100%;">
        <div class="swiper-wrapper">
          <volist name="wap_index" id="cr" offset="3" length='3'>
            <div class="swiper-slide">
              <a href="{$cr.url}" target="{$cr.target}" class="swiper-slide_a">

                <img class="zindex_img" src="{:get_cover($cr['data'],'path')}" alt="{$cr.title}" title="{$cr.title}" />
                <span class="img-font "><span class="img-font-cell "><div class="img-font-text ">{:C('SET_POSITION_IMG')}</div></span></span>

              </a>
            </div>
          </volist>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <!-- end轮播banner -->

    <!--start平台币充值-->
    <div class="box-title" style="margin-top:0;">
      <span>平台币充值</span>
    </div>
    <div class="news-swiper-box">
      <div class="swiper-container swiper-container-news">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <span class="join">
                平台币简介：
              这是平台币简介内容
            </span>
            <style>
              .btn{
                background-color: #03B4F5;
                color: #0C0C0C;
                border-color: #03B4F5;
                height: 40px;
                line-height: 34px;
                padding: 10px 20px;
                font-size: 14px;
                font-weight: bold;
                margin-top: 50px;
              }
            </style>
            <br>
            <div style="margin-top: 20px;text-align: center">
            <a class="btn" href="{:U('User/recharge')}">立即充值</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--end平台币充值-->


    <style>
      .footbox p{
        text-align: center;
        margin-top: 10px;
      }
    </style>
    <!--底部footer-->
    <section class="footbox">
      <p>备案号：{:C('PC_SET_FOR_THE_RECORD')}</p>
      <p>网络文化经营许可证编号：{:C('PC_SET_LICENSE')}</p>
      <p>海南万盟天下科技有限公司</p>
    </section>

  </div>
  </div>
  <script>

      // 点击底部悬浮条关闭按钮关闭底部悬浮条
      $(".zclose_div").click(function(){
          console.log("aaaa");
          $(".div_fixbottom").hide();
      });
      $("#giftclick").click(function(){
          var game_id = "{$wap_index_gift['game_id']}";
          if(game_id==0){
              var url = "{:U('Gift/index')}";
          }else{
              var url = "{:U('Gift/gamegift',array('id'=>$wap_index_gift['game_id']))}"
          }
          window.location.href = url;
      })
  </script>
</block>