|
|
@@ -6,6 +6,28 @@
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
<script src="js/login.js"></script>
|
|
|
<script src="js/util.js"></script>
|
|
|
+ <style>
|
|
|
+ .item {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 20px; /* 调整间隔 */
|
|
|
+ vertical-align: top;
|
|
|
+ }
|
|
|
+ .item a {
|
|
|
+ margin-right: 10px; /* 链接和按钮之间的间隔 */
|
|
|
+ }
|
|
|
+ .delete-btn {
|
|
|
+ font-size: 10px; /* 设置字体大小 */
|
|
|
+ color: #f44336; /* 红色 */
|
|
|
+ background: none;
|
|
|
+ border: none;
|
|
|
+ cursor: pointer;
|
|
|
+ padding: 0;
|
|
|
+ margin-left: 5px; /* 调整叉号与链接之间的间隔 */
|
|
|
+ }
|
|
|
+ .delete-btn:hover {
|
|
|
+ color: #d32f2f; /* 悬停时颜色加深 */
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<ul id="list"></ul>
|
|
|
@@ -31,14 +53,18 @@
|
|
|
// share_id
|
|
|
let share_id = data[i].share_id;
|
|
|
if (type === "mind-map") {
|
|
|
- let url = `https://map.tianyunperfect.cn/?id=${a}&version=${version}&share_id=${share_id}&r=0`;
|
|
|
- listHtml += '<li><a href="' + url + '" target="_blank">' + title + '</a> <button class="delete-btn" data-id="' + a + '" data-version="' + version + '">删除</button></li>';
|
|
|
+ let url = `https://map.tianyunperfect.cn/?id=${a}&share_id=${share_id}`;
|
|
|
+ listHtml += `<div class="item">
|
|
|
+ <a href="${url}" target="_blank">${title}</a>
|
|
|
+ <button class="delete-btn" data-id="${a}" data-version="${version}">✖</button>
|
|
|
+ </div>`;
|
|
|
}
|
|
|
}
|
|
|
$('#list').html(listHtml);
|
|
|
|
|
|
$('.delete-btn').click(function () {
|
|
|
- if (confirm('确认要删除吗？')) {
|
|
|
+ let title = $(this).siblings('a').text(); // 获取标题
|
|
|
+ if (confirm(`确认要删除 "${title}" 吗？`)) { // 在确认框中包含标题
|
|
|
let id = $(this).data('id');
|
|
|
let version = $(this).data('version');
|
|
|
deleteData(id, version);
|
