x-track
Version:
web track
51 lines • 2.79 kB
HTML
<!--
* @Author: xiaoguang_10@qq.com
* @LastEditors: xiaoguang_10@qq.com
* @Date: 2021-04-08 16:47:31
* @LastEditTime: 2021-04-18 16:35:57
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>track </title>
<link rel="stylesheet" href="./index.css">
<style>
.item {
width: 48%;
margin-bottom: 20px;
justify-content: space-between;
height: 200px;
background: black;
}
</style>
</head>
<body>
<div>
<div style="height: 400px;">
占位400px
</div>
<div class="flex flex-wrap flex-between">
<div class="item" exposure-id="0" click-data='{"id": 0,"a": 0,"b": 0}' exposure-data='{"id": 0,"a": 0,"b": 0}'></div>
<div class="item" exposure-id="1" click-data='{"id": 1,"a": 1,"b": 1}' exposure-data='{"id": 1,"a": 1,"b": 1}'></div>
<div class="item" exposure-id="2" click-data='{"id": 2,"a": 2,"b": 2}' exposure-data='{"id": 2,"a": 2,"b": 2}'></div>
<div class="item" exposure-id="3" click-data='{"id": 3,"a": 3,"b": 3}' exposure-data='{"id": 3,"a": 3,"b": 3}'></div>
<div class="item" exposure-id="4" click-data='{"id": 4,"a": 4,"b": 4}' exposure-data='{"id": 4,"a": 4,"b": 4}'></div>
<div class="item" exposure-id="5" click-data='{"id": 5,"a": 5,"b": 5}' exposure-data='{"id": 5,"a": 5,"b": 5}'></div>
<div class="item" exposure-id="6" click-data='{"id": 6,"a": 6,"b": 6}' exposure-data='{"id": 6,"a": 6,"b": 6}'></div>
<div class="item" exposure-id="7" click-data='{"id": 7,"a": 7,"b": 7}' exposure-data='{"id": 7,"a": 7,"b": 7}'></div>
<div class="item" exposure-id="8" click-data='{"id": 8,"a": 8,"b": 8}' exposure-data='{"id": 8,"a": 8,"b": 8}'></div>
<div class="item" exposure-id="9" click-data='{"id": 9,"a": 9,"b": 9}' exposure-data='{"id": 9,"a": 9,"b": 9}'></div>
<div class="item" exposure-id="10" click-data='{"id": 10,"a": 10,"b": 10}' exposure-data='{"id": 10,"a": 10,"b": 10}'></div>
<div class="item" exposure-id="11" click-data='{"id": 11,"a": 11,"b": 11}' exposure-data='{"id": 11,"a": 11,"b": 11}'></div>
<div class="item" exposure-id="12" click-data='{"id": 12,"a": 12,"b": 12}' exposure-data='{"id": 12,"a": 12,"b": 12}'></div>
<div class="item" exposure-id="13" click-data='{"id": 13,"a": 13,"b": 13}' exposure-data='{"id": 13,"a": 13,"b": 13}'></div>
<div class="item" exposure-id="14" click-data='{"id": 14,"a": 14,"b": 14}' exposure-data='{"id": 14,"a": 14,"b": 14}'></div>
</div>
</div>
<script src="../dist/x-track.min.js"></script>
<script src="./index.js"></script>
</body>
</html>