Archived
done: basic main table UI
This commit is contained in:
cancerai committed
1 parent
6eb6c59508
commit
c687df6a4b
6 files changed
+483
-9
No files matched your search
@@ -4,19 +4,20 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>平台绑定统计</title>
|
||||
<link rel="stylesheet" href="./style/index.css">
|
||||
<script src="./script/index.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="title-container">
|
||||
<div class="title-container" id="title-container">
|
||||
<h1 class="title">平台绑定统计</h1>
|
||||
</div>
|
||||
|
||||
<div class="main-container">
|
||||
<div class="tools-container">
|
||||
<div class="tools-container" id="tools-container">
|
||||
<button class="add-item-button">添加</button>
|
||||
<input placeholder="输入关键字查询"/>
|
||||
<div class="count">总共 <span>210</span> 条数据</div>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<div class="table-container" id="table-header">
|
||||
<div class="table-header">
|
||||
<div>基础工具类型</div>
|
||||
<div>基础工具ID</div>
|
||||
@@ -29,7 +30,348 @@
|
||||
<div>操作</div>
|
||||
</div>
|
||||
|
||||
<div class="table-item"></div>
|
||||
<div class="table-outer-scrollable-container" id="table-outer-scrollable-container">
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-items-container">
|
||||
<div>{{手机号}}</div>
|
||||
<div>{{12345678900}}</div>
|
||||
<div>{{滴滴打车}}</div>
|
||||
<div>{{安全}}</div>
|
||||
<div>{{小爱同学}}</div>
|
||||
<div>{{123456}}</div>
|
||||
<div>{{暂无}}</div>
|
||||
<div class="more-platform-container">
|
||||
<div>{{邮箱}}, </div>
|
||||
<div>{{微信}}, </div>
|
||||
<div>{{qq}}, </div>
|
||||
<div>{{微博}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="change-item-button">修改</button>
|
||||
<div class="white-space"></div>
|
||||
<button class="delete-item-button">删除</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
Reference in new issue
Block a user