add: add item window(only done the title bar)

This commit is contained in:
cancerai committed 2026-04-06 23:55:53 +08:00
1 parent 55824ddb21
commit 3fffec5a71
3 files changed
+62 -301

No files matched your search

+9 -301
View File
@@ -13,7 +13,7 @@
<div class="main-container">
<div class="tools-container" id="tools-container">
<button class="add-item-button">添加</button>
<button class="add-item-button" id="add-item-button">添加</button>
<input placeholder="输入关键字查询"/>
<div class="count">总共&nbsp;<span>210</span>&nbsp;条数据</div>
</div>
@@ -71,308 +71,16 @@
<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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>{{邮箱}},&nbsp;</div>
<div>{{微信}},&nbsp;</div>
<div>{{qq}},&nbsp;</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>
<dialog class="add-item-dialog" id="add-item-dialog">
<!-- title bar -->
<div class="title-bar-container">
<div class="close-button" id="add-item-dialog-close-button"></div>
<div class="title">添加一条数据</div>
</div>
</dialog>
</body>
</html>