<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Swordsman</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
   
</head>
<body>
    <div class="layui-col-md12">
          
        <div class="layui-card">
          <div class="layui-tab layui-tab-brief layadmin-latestData">
            <ul class="layui-tab-title">
              <li class="layui-this">未锁版</li>
              <li id="lock">锁版(请获得授权)</li>
            </ul>
            <div class="layui-tab-content">
              <div class="layui-tab-item layui-show">
                <table id="demo" lay-filter="test"></table>
              </div>
              <div class="layui-tab-item">
                <table id="LAY-index-topCard"></table>
              </div>
            </div>
            
          </div>
        </div>

    </div>
   
    <div class="layui-card">
      <div class="layui-card-header">
        作者心语
        <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
      </div>
      <div class="layui-card-body layui-text layadmin-text">
        <p>《Swordsman》 剑客组织，在桌面开发即将进入死胡同的时代，我准备出一次手,挽救一下，国内盗版游戏资源市场</p>
        <p>在过去的一段的时间，我一直在寻求持久发展道路，已维持你眼前所见的一切。而 开源 是我们尝试解决的手段之一。我相信真正有爱于 开源 生态的你，定然不会错过这一拥抱吧。</p>
        <p>—— 爱国（<a  target="_blank">Swordsman.cn</a>）</p>
      </div>
    </div>

    
 <script src="../../layuiadmin/layui/layui.js"></script>  
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 400
    ,url: '../../layuiadmin/json/console/upp.js' //数据接口
    ,page: false //开启分页
    ,cols: [[ //表头
       {field: 'id', title: '激活码', width:80, sort: true, fixed: 'left'}
      ,{field: 'username', title: '名称', width:80}
      ,{field: 'sex', title: '类型', width:80, sort: true}
      ,{field: 'city', title: '开发商', width:80} 
      ,{field: 'sign', title: '发行商', width: 177}
      ,{field: 'experience', title: '系列', width: 80, sort: true}
      ,{field: 'score', title: '发行日期', width: 80, sort: true}
      ,{field: 'classify', title: '下载地址', width: 80}
      ,{field: 'wealth', title: '简介', width: 170, sort: true}
    ]]
  });
  
});
window.onload=function(ev){
  layer.open({
    title: '温馨提示'
    ,content: '你使用的是未授权版本'
  });  
  document.getElementById("lock").onclick=function(ev){
  layer.open({
    title: '授权解锁'
    ,content: '联系发布者:Q'
  });  
}

}

//监听行单击事件（单击事件为：rowDouble）
table.on('row(test-table-onrow)', function(obj){
      var data = obj.data;
      
      layer.alert(JSON.stringify(data), {
        title: '当前行数据：'
      });
      
      //标注选中样式
      obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
    });
 

</script>
</body>
</html>
<!-- 
        "id": 10000,
        "username": "user-0",
        "sex": "女",
        "city": "城市-0",
        "sign": "签名-0",
        "experience": 255,
        "logins": 24,
        "wealth": 82830700,
        "classify": "作家",
        "score": 57

 -->
<!-- 全部评测:
特别好评 (1,141)
发行日期:
2020年4月8日
开发商:
Afterburner Studios
发行商:
Afterburner Studios, Maple Whispering Limited

名称: 层层梦境：序章
类型: 动作, 免费游玩, 独立, 角色扮演
开发商: Afterburner Studios
发行商: Afterburner Studios, Maple Whispering Limited
系列: Dreamscaper
发行日期: 2020年4月8日
-->