Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 anian
|
565bf30ea5 | ||
|
anian
|
5a3544f8df | ||
|
anian
|
ee5c1a2b5b | ||
|
anian
|
9c26bece1b | ||
|
anian
|
101189a077 |
@@ -2,11 +2,22 @@
|
||||
|
||||
> 基于原作者v1.2.5代码修改
|
||||
|
||||
#### v1.2.5-5
|
||||
1. 朋友圈支持图片显示（需同步更新插件）
|
||||
2. 手机端底部导航栏新增公告未读提示
|
||||
3. 更新通讯录、储物柜
|
||||
4. 优化操作提示、图片排版
|
||||
|
||||
#### v1.2.5-4
|
||||
1. 修复侧边栏测速异常、拖拽片刻图片异常、手机端文章目录异常、页面提示异常
|
||||
2. 优化多种场景下的提示、衔接、样式
|
||||
3. 新增片刻删除提示框及删除动画
|
||||
|
||||
#### v1.2.5-3
|
||||
1. 朋友圈支持根据作者筛选内容（需同步更新插件）
|
||||
2. 支持前台弹窗登入登出
|
||||
2. 附录页面功能补全
|
||||
3. 对线路切换、加载异常等情况进行了深度优化
|
||||
3. 附录页面功能补全
|
||||
4. 对线路切换、加载异常等情况进行了深度优化
|
||||
|
||||
#### v1.2.5-2
|
||||
1. 添加侧边栏、页面、文章等HTML内容块
|
||||
|
||||
@@ -299,7 +299,7 @@
|
||||
<div class="people-grid">
|
||||
<div class="person">
|
||||
<div class="avatar">
|
||||
<img src="/upload/8aea7800gy1i2vfbxoqhdj24w07c0b2p.jpg">
|
||||
<img src="/upload/20260416214530_191_129.jpg">
|
||||
</div>
|
||||
<div class="info">
|
||||
<p class="name">黄诗扶</p>
|
||||
@@ -310,18 +310,18 @@
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="avatar">
|
||||
<img src="/upload/ec39c62fly1i3rextah4gj22dc35s1ky.jpg">
|
||||
<img src="/upload/20260416213611_190_129.jpg">
|
||||
</div>
|
||||
<div class="info">
|
||||
<p class="name">双笙</p>
|
||||
<p class="bio">
|
||||
什么？你问我为什么喜欢包包？可能因为是“青春”吧？
|
||||
什么？你问我为什么喜欢包包？可能因为是青春吧？
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="avatar">
|
||||
<img src="/upload/005Jyswjgy1hywx7z7sb7j30zk1betbd.jpg">
|
||||
<img src="/upload/005Jyswjgy1ic7xfxtlu8j33402c0npe.jpg">
|
||||
</div>
|
||||
<div class="info">
|
||||
<p class="name">浅影阿</p>
|
||||
@@ -332,12 +332,12 @@
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="avatar">
|
||||
<img src="/upload/ab0efe4ely1hnpfzqqw1oj23ls5eoqvg.jpg">
|
||||
<img src="/upload/67f2efd2gy1i8iv8nkuqjj23344mokjp.jpg">
|
||||
</div>
|
||||
<div class="info">
|
||||
<p class="name">平生不晚</p>
|
||||
<p class="name">玄觞</p>
|
||||
<p class="bio">
|
||||
首先是戏腔好听，然后是妆造好看，最后就来到了这里
|
||||
你们古风圈，怎么都喊女生王子，喊男生二婶呢？
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -199,8 +199,9 @@
|
||||
|
||||
if (isUnread) {
|
||||
typeof initNoticeTip === 'function' && initNoticeTip();
|
||||
noticeCard.querySelector('.notice-title').textContent = `通知书`;
|
||||
noticeCard.querySelector('.notice-desc').textContent = `有新通知待查看`;
|
||||
$('.footer_menu a[href="/navigator"]').css('color', '#ecc94b').find('i').css('color', '#ecc94b');
|
||||
noticeCard.querySelector('.notice-title').textContent = '通知书';
|
||||
noticeCard.querySelector('.notice-desc').textContent = '有新通知待查看';
|
||||
noticeCard.classList.add('notice-unread');
|
||||
if(decorCircle) decorCircle.style.background = '#fef3c7';
|
||||
|
||||
|
||||
+111
-86
@@ -3,7 +3,6 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: "Inter", "Microsoft YaHei", Arial;
|
||||
}
|
||||
|
||||
.store {
|
||||
@@ -13,7 +12,7 @@
|
||||
--danger: #E74C3C;
|
||||
--bg: #F9FFFB;
|
||||
--shadow: 0 12px 30px rgba(80, 200, 120, .12);
|
||||
--radius: 18px;
|
||||
--radius: 8px;
|
||||
padding: 26px 14px;
|
||||
background: var(--bg);
|
||||
}
|
||||
@@ -59,7 +58,7 @@
|
||||
#tag-search {
|
||||
width: 100%;
|
||||
padding: 7px 12px 7px 34px;
|
||||
border-radius: 10px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #c9efd6;
|
||||
outline: none;
|
||||
background: #fafffb;
|
||||
@@ -79,7 +78,7 @@
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
padding: 8px;
|
||||
border-radius: 12px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #c9efd6;
|
||||
background: rgba(144, 238, 144, .08);
|
||||
max-height: 100px;
|
||||
@@ -89,7 +88,7 @@
|
||||
|
||||
.store .tag-item {
|
||||
padding: 5px 7px;
|
||||
border-radius: 9px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #90ee90;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
@@ -107,31 +106,66 @@
|
||||
.store .no-result {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #7f8c8d;
|
||||
font-size: 13px;
|
||||
padding: 8px 0;
|
||||
min-height: 100%;
|
||||
padding: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 输入框 */
|
||||
.store .input-group {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
gap: 8px;
|
||||
margin: 16px 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.store .section-divider {
|
||||
position: relative;
|
||||
height: 18px;
|
||||
margin: 6px 0 14px;
|
||||
}
|
||||
|
||||
.store .section-divider::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
transform: translateY(-50%);
|
||||
background: linear-gradient(90deg, rgba(80, 200, 120, 0), rgba(80, 200, 120, .55), rgba(80, 200, 120, 0));
|
||||
box-shadow: 0 1px 0 rgba(80, 200, 120, .12);
|
||||
}
|
||||
|
||||
.store .section-divider::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
transform: translate(-50%, -50%) rotate(45deg);
|
||||
border-radius: 2px;
|
||||
background: linear-gradient(135deg, #90ee90, #50c878);
|
||||
box-shadow: -14px 0 0 -3px rgba(80, 200, 120, .5), 14px 0 0 -3px rgba(80, 200, 120, .5), 0 0 0 2px #ffffff;
|
||||
}
|
||||
|
||||
#file-path {
|
||||
flex: 1;
|
||||
padding: 8px 14px;
|
||||
border-radius: 12px;
|
||||
border-radius: 8px;
|
||||
border: 2px solid #e8f7ec;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#submit-btn {
|
||||
padding: 10px;
|
||||
border-radius: 12px;
|
||||
padding: 10px 20px;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
background: linear-gradient(135deg, #50c878, #3a9156);
|
||||
color: #fff;
|
||||
@@ -139,17 +173,6 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* 底部提示（改成浅黄色系） */
|
||||
.store .tips {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
color: #a97400;
|
||||
padding: 8px;
|
||||
border-radius: 8px;
|
||||
background: rgba(255, 215, 0, .12);
|
||||
border: 1px solid rgba(243, 156, 18, .25);
|
||||
}
|
||||
|
||||
/* 手机端 */
|
||||
@media(max-width:520px) {
|
||||
.store {
|
||||
@@ -166,7 +189,8 @@
|
||||
}
|
||||
|
||||
.store .input-group {
|
||||
flex-direction: column
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
#submit-btn {
|
||||
@@ -176,34 +200,11 @@
|
||||
.store .tag-list {
|
||||
max-height: 120px
|
||||
}
|
||||
}
|
||||
|
||||
/* Toast */
|
||||
.custom-toast {
|
||||
position: fixed;
|
||||
top: 26px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(-80px);
|
||||
background: #2ECC71;
|
||||
color: #fff;
|
||||
padding: 12px 20px;
|
||||
border-radius: 10px;
|
||||
transition: .4s;
|
||||
opacity: 0;
|
||||
z-index: 9999;
|
||||
#file-path {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.toast-show {
|
||||
transform: translateX(-50%) translateY(0);
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.toast-error {
|
||||
background: #E74C3C
|
||||
}
|
||||
|
||||
.toast-warning {
|
||||
background: #F39C12
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -211,58 +212,55 @@
|
||||
<div class="container">
|
||||
<div class="top-bar"></div>
|
||||
|
||||
<h1 class="title">Anian的储物柜</h1>
|
||||
<h1 class="title">储物柜</h1>
|
||||
|
||||
<div class="input-group">
|
||||
<input id="file-path" placeholder="请输入翻找目标..." autocomplete="off">
|
||||
<button id="submit-btn">翻 找</button>
|
||||
</div>
|
||||
|
||||
<div class="section-divider" aria-hidden="true"></div>
|
||||
|
||||
<div class="tag-container">
|
||||
<div class="tag-search-wrapper">
|
||||
<span class="search-icon">🔍</span>
|
||||
<input id="tag-search" placeholder="搜索标签">
|
||||
<span class="search-icon"><i class="ri-search-line"></i></span>
|
||||
<input id="tag-search" placeholder="搜索标签..." autocomplete="off">
|
||||
</div>
|
||||
|
||||
<div class="tag-list">
|
||||
<div class="tag-item" data-value="test.zip">测试压缩包</div>
|
||||
<div class="tag-item" data-value="docs/report.pdf">示例报告</div>
|
||||
<div class="tag-item" data-value="images/banner.jpg">横幅图片</div>
|
||||
<div class="tag-item" data-value="software/setup.exe">安装程序</div>
|
||||
<div class="tag-item" data-value="/upload/jiazai.gif">加载动画</div>
|
||||
<div class="tag-item" data-value="/upload/logo.png">网站Logo</div>
|
||||
<div class="tag-item" data-value="/upload/jiazai.gif">加载动画</div>
|
||||
<div class="tag-item" data-value="/upload/logo.png">网站Logo</div> <div class="tag-item" data-value="/upload/jiazai.gif">加载动画</div>
|
||||
<div class="tag-item" data-value="/upload/logo.png">网站Logo</div> <div class="tag-item" data-value="/upload/jiazai.gif">加载动画</div>
|
||||
<div class="tag-item" data-value="/upload/logo.png">网站Logo</div> <div class="tag-item" data-value="/upload/jiazai.gif">加载动画</div>
|
||||
<div class="tag-item" data-value="/upload/logo.png">网站Logo</div> <div class="tag-item" data-value="/upload/jiazai.gif">加载动画</div>
|
||||
<div class="tag-item" data-value="/upload/logo.png">网站Logo</div>
|
||||
|
||||
<div class="no-result" id="noResult">没有匹配的结果</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<input id="file-path" placeholder="请输入路径" autocomplete="off">
|
||||
<button id="submit-btn">访问 / 下载</button>
|
||||
</div>
|
||||
|
||||
<p class="tips">⚠️ 错误过多将可能被封禁</p>
|
||||
</div>
|
||||
|
||||
<div class="custom-toast" id="customToast"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function initializeStoreEvents() {
|
||||
let closeLoading = null;
|
||||
const container = document.querySelector(".store");
|
||||
if (!container || container.dataset.init === "1") return;
|
||||
container.dataset.init = "1";
|
||||
|
||||
const input = document.getElementById('file-path');
|
||||
const btn = document.getElementById('submit-btn');
|
||||
const toast = document.getElementById('customToast');
|
||||
const tagItems = document.querySelectorAll('.tag-item');
|
||||
const tagSearch = document.getElementById('tag-search');
|
||||
const noResult = document.getElementById('noResult');
|
||||
|
||||
function showToast(msg, type = 'warning') {
|
||||
toast.textContent = msg;
|
||||
toast.className = 'custom-toast toast-' + type + ' toast-show';
|
||||
setTimeout(() => toast.classList.remove('toast-show'), 2600);
|
||||
}
|
||||
|
||||
tagItems.forEach(t => {
|
||||
t.onclick = () => {
|
||||
input.value = t.dataset.value;
|
||||
showToast('已填入 ' + t.dataset.value, 'success');
|
||||
cocoMessage.success('已填入对应标签信息');
|
||||
};
|
||||
});
|
||||
|
||||
@@ -277,39 +275,66 @@
|
||||
if (show) visible++;
|
||||
});
|
||||
|
||||
noResult.style.display = visible === 0 ? 'block' : 'none';
|
||||
noResult.style.display = visible === 0 ? 'flex' : 'none';
|
||||
};
|
||||
|
||||
function check(url) {
|
||||
return new Promise(r => {
|
||||
const xhr = new XMLHttpRequest();
|
||||
try {
|
||||
xhr.open('HEAD', url, true);
|
||||
} catch (e) {
|
||||
r(0);
|
||||
return;
|
||||
}
|
||||
xhr.timeout = 5000;
|
||||
xhr.onload = () => r(xhr.status === 200);
|
||||
xhr.onerror = () => r(false);
|
||||
xhr.ontimeout = () => r(false);
|
||||
xhr.onload = () => r(xhr.status);
|
||||
xhr.onerror = () => r(0);
|
||||
xhr.ontimeout = () => r(0);
|
||||
xhr.send();
|
||||
});
|
||||
}
|
||||
|
||||
function normalizeDestination(value) {
|
||||
const trimmed = value.trim();
|
||||
if (!trimmed || /\\/.test(trimmed)) return null;
|
||||
|
||||
const url = trimmed.charAt(0) === '/' ? trimmed : '/' + trimmed;
|
||||
if (/^\/\//.test(url)) return null;
|
||||
|
||||
return url;
|
||||
}
|
||||
|
||||
async function go() {
|
||||
const v = input.value.trim();
|
||||
if (!v) return showToast('请输入路径');
|
||||
const url = '/' + v;
|
||||
btn.textContent = '检测中...';
|
||||
if (!v) return cocoMessage.warning('请输入翻找目标');
|
||||
const url = normalizeDestination(v);
|
||||
if (!url) return cocoMessage.warning('翻找目标无效');
|
||||
btn.textContent = '翻找中...';
|
||||
closeLoading = cocoMessage.loading('正在翻找中，请稍候...');
|
||||
btn.disabled = true;
|
||||
const ok = await check(url);
|
||||
if (ok) {
|
||||
showToast('资源存在，跳转中', 'success');
|
||||
setTimeout(() => location.href = url, 700);
|
||||
} else showToast('资源不存在', 'error');
|
||||
setTimeout(() => { btn.textContent = '访问 / 下载'; btn.disabled = false }, 700);
|
||||
try {
|
||||
const status = await check(url);
|
||||
if (status === 200) {
|
||||
cocoMessage.success('翻找成功，即将打开目标页面');
|
||||
window.open(url, '_blank');
|
||||
} else if (status === 404) {
|
||||
cocoMessage.warning('翻找失败，失败过多将被封禁');
|
||||
} else {
|
||||
cocoMessage.error('翻找异常，请重试或刷新页面');
|
||||
}
|
||||
} finally {
|
||||
closeLoading?.();
|
||||
closeLoading = null;
|
||||
btn.textContent = '翻 找';
|
||||
btn.disabled = false;
|
||||
}
|
||||
}
|
||||
|
||||
btn.onclick = go;
|
||||
input.onkeydown = e => { if (e.key === 'Enter') go(); };
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", initializeStoreEvents);
|
||||
document.addEventListener("pjax:complete", initializeStoreEvents);
|
||||
initializeStoreEvents();
|
||||
|
||||
</script>
|
||||
@@ -304,6 +304,15 @@
|
||||
0 var(--pixar-button-depth) 0 var(--pixar-ui-dark);
|
||||
}
|
||||
|
||||
.pixar-notice-btn-close:disabled,
|
||||
.pixar-notice-btn-confirm:disabled {
|
||||
cursor: not-allowed;
|
||||
transform: translateY(var(--pixar-button-depth));
|
||||
box-shadow:
|
||||
0 0 0 var(--pixar-ui-green-shadow),
|
||||
0 var(--pixar-button-depth) 0 var(--pixar-ui-dark);
|
||||
}
|
||||
|
||||
.pixar-notice-btn-close {
|
||||
background: var(--pixar-ui-red);
|
||||
box-shadow:
|
||||
@@ -324,3 +333,253 @@
|
||||
.pixar-notice-btn-close:hover {
|
||||
border-color: var(--pixar-ui-red-border) !important;
|
||||
}
|
||||
|
||||
/* 按钮禁用样式 */
|
||||
.push_item:disabled {
|
||||
background: #c7d4ce;
|
||||
cursor: not-allowed;
|
||||
color: #f0fdf4;
|
||||
}
|
||||
|
||||
/* 删除确认弹窗样式 */
|
||||
.moments-modal-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 1999;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
animation: momentsFadeIn 0.2s ease;
|
||||
}
|
||||
|
||||
.moments-card-widget {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-color: #ffffff;
|
||||
text-align: left;
|
||||
border-radius: 0.5rem;
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||
animation: momentsSlideUp 0.3s ease;
|
||||
}
|
||||
|
||||
.moments-card-header {
|
||||
padding: 1.5rem;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.moments-header-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.moments-icon-wrapper {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #fee2e2;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
.moments-icon-wrapper svg {
|
||||
color: #dc2626;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
.moments-text-content {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.moments-title-text {
|
||||
color: #111827;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.5rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.moments-message-text {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0;
|
||||
color: #6b7280;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
.moments-button-group {
|
||||
margin-top: 1rem;
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.moments-btn-confirm {
|
||||
flex: 1;
|
||||
display: inline-flex;
|
||||
padding: 0.5rem 1rem;
|
||||
background-color: #dc2626;
|
||||
color: #ffffff;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5rem;
|
||||
font-weight: 500;
|
||||
justify-content: center;
|
||||
border-radius: 0.375rem;
|
||||
border-width: 1px;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.moments-btn-confirm:hover {
|
||||
background-color: #b91c1c;
|
||||
}
|
||||
|
||||
.moments-btn-cancel {
|
||||
flex: 1;
|
||||
display: inline-flex;
|
||||
padding: 0.5rem 1rem;
|
||||
background-color: #ffffff;
|
||||
color: #374151;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5rem;
|
||||
font-weight: 500;
|
||||
justify-content: center;
|
||||
border-radius: 0.375rem;
|
||||
border: 1px solid #d1d5db;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.moments-btn-cancel:hover {
|
||||
background-color: #f3f4f6;
|
||||
}
|
||||
|
||||
.moments-btn-confirm:disabled {
|
||||
background-color: #fecaca;
|
||||
cursor: not-allowed;
|
||||
box-shadow: none;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.moments-btn-cancel:disabled,
|
||||
.push_close:disabled {
|
||||
background-color: #e7f0e5;
|
||||
color: #9ca3af;
|
||||
border-color: #e7f0e5;
|
||||
cursor: not-allowed;
|
||||
box-shadow: none;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* --- 追加：黄色警告模式 --- */
|
||||
.theme-yellow .moments-icon-wrapper {
|
||||
background-color: #fef3c7;
|
||||
}
|
||||
|
||||
.theme-yellow .moments-icon-wrapper svg {
|
||||
color: #d97706;
|
||||
}
|
||||
|
||||
.theme-yellow .moments-btn-confirm {
|
||||
background-color: #d97706;
|
||||
}
|
||||
|
||||
.theme-yellow .moments-btn-confirm:hover {
|
||||
background-color: #b45309;
|
||||
}
|
||||
|
||||
/* --- 追加：绿色确认模式 --- */
|
||||
.theme-green .moments-icon-wrapper {
|
||||
background-color: #d1fae5;
|
||||
}
|
||||
|
||||
.theme-green .moments-icon-wrapper svg {
|
||||
color: #059669;
|
||||
}
|
||||
|
||||
.theme-green .moments-btn-confirm {
|
||||
background-color: #059669;
|
||||
}
|
||||
|
||||
.theme-green .moments-btn-confirm:hover {
|
||||
background-color: #047857;
|
||||
}
|
||||
|
||||
/* --- 追加：红色保持默认，这里只是为了统一命名，可不加 --- */
|
||||
.theme-red .moments-icon-wrapper {
|
||||
background-color: #fee2e2;
|
||||
}
|
||||
|
||||
.theme-red .moments-icon-wrapper svg {
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
.theme-red .moments-btn-confirm {
|
||||
background-color: #dc2626;
|
||||
}
|
||||
|
||||
@keyframes momentsFadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes momentsSlideUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* --- 删除动画 --- */
|
||||
/* 飘散消失动画 (持续 0.8s) */
|
||||
.moments-delete-disperse {
|
||||
animation: momentsDeleteDisperse 0.8s ease-in forwards;
|
||||
transform-origin: center bottom;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@keyframes momentsDeleteDisperse {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateY(0) rotate(0deg) scale(1);
|
||||
filter: blur(0);
|
||||
}
|
||||
|
||||
20% {
|
||||
opacity: 0.9;
|
||||
transform: translateY(-10px) rotate(2deg) scale(1.02);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY(-120px) rotate(-8deg) scale(0.6);
|
||||
filter: blur(3px);
|
||||
}
|
||||
}
|
||||
@@ -5977,7 +5977,7 @@ a.change i.ri-refresh-line {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
top: 485px;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
background-color: var(--toc-color);
|
||||
color: #fff;
|
||||
|
||||
@@ -504,11 +504,12 @@ a:visited {
|
||||
color: #252525;
|
||||
}
|
||||
|
||||
/* 侧边栏颜色异常
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
color: #191970;
|
||||
}
|
||||
} */
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
|
||||
@@ -30,6 +30,7 @@ let csrfToken = '';
|
||||
let publicKey = '';
|
||||
let loginTimer = null;
|
||||
let countdownSeconds = 3;
|
||||
let closeLoading = null;
|
||||
const login_modal = document.getElementById('customLoginModal');
|
||||
const login_closeBtn = document.getElementById('closeLoginModal');
|
||||
const login_loginBtn = document.getElementById('customLoginBtn');
|
||||
@@ -39,6 +40,7 @@ async function fetchCSRFToken() {
|
||||
login_modal.classList.add('show');
|
||||
login_loginBtn.disabled = true;
|
||||
login_loginBtn.textContent = '加载中...';
|
||||
closeLoading = cocoMessage.loading('正在加载署名信息...');
|
||||
|
||||
try {
|
||||
const response = await fetch('/login', { credentials: 'include' });
|
||||
@@ -62,19 +64,23 @@ async function fetchCSRFToken() {
|
||||
publicKey = publicKeyMatch[1].replace(/\\\//g, '/');
|
||||
return 'ok';
|
||||
} catch (err) {
|
||||
closeLoading?.()
|
||||
cocoMessage.error('署名信息加载失败，请刷新');
|
||||
if (loginTimer) { clearInterval(loginTimer) }
|
||||
login_loginBtn.textContent = '错误！请刷新';
|
||||
login_loginBtn.disabled = true;
|
||||
return 'error';
|
||||
}
|
||||
}
|
||||
|
||||
// 打开弹窗逻辑
|
||||
async function open_login_box() {
|
||||
if (loginTimer) {
|
||||
clearInterval(loginTimer);
|
||||
}
|
||||
if (loginTimer) { clearInterval(loginTimer) }
|
||||
countdownSeconds = 3;
|
||||
const success = await fetchCSRFToken();
|
||||
if (success === 'logged') {
|
||||
cocoMessage.success('您已经署名过了，请刷新');
|
||||
closeLoading?.()
|
||||
cocoMessage.success('您已署名成功，请刷新');
|
||||
login_modal.classList.remove('show');
|
||||
} else if (success === 'ok') {
|
||||
loginTimer = setInterval(() => {
|
||||
@@ -82,12 +88,15 @@ async function open_login_box() {
|
||||
login_loginBtn.textContent = '请稍等...' + countdownSeconds;
|
||||
} else {
|
||||
clearInterval(loginTimer);
|
||||
closeLoading?.()
|
||||
cocoMessage.success('署名信息加载完成');
|
||||
login_loginBtn.textContent = '署 名';
|
||||
login_loginBtn.disabled = false;
|
||||
}
|
||||
countdownSeconds--;
|
||||
}, 1000);
|
||||
} else {
|
||||
closeLoading?.()
|
||||
cocoMessage.error('服务器错误，请刷新');
|
||||
login_modal.classList.remove('show');
|
||||
}
|
||||
@@ -95,6 +104,7 @@ async function open_login_box() {
|
||||
|
||||
// 关闭弹窗
|
||||
login_closeBtn.addEventListener('click', () => {
|
||||
closeLoading?.()
|
||||
login_modal.classList.remove('show');
|
||||
});
|
||||
|
||||
@@ -111,6 +121,7 @@ function encryptPassword(password) {
|
||||
|
||||
// 提交登录
|
||||
login_loginBtn.addEventListener('click', async () => {
|
||||
let islogin = false;
|
||||
const username = document.getElementById('customUsername').value.trim();
|
||||
const password = document.getElementById('customPassword').value.trim();
|
||||
if (!username || !password) {
|
||||
@@ -119,7 +130,9 @@ login_loginBtn.addEventListener('click', async () => {
|
||||
}
|
||||
const encryptedPwd = encryptPassword(password);
|
||||
login_loginBtn.disabled = true;
|
||||
login_closeBtn.disabled = true;
|
||||
login_loginBtn.textContent = '验证中...';
|
||||
closeLoading = cocoMessage.loading('正在验证信息...');
|
||||
try {
|
||||
countdownSeconds = 3
|
||||
const response = await fetch('/login', {
|
||||
@@ -141,31 +154,42 @@ login_loginBtn.addEventListener('click', async () => {
|
||||
clearInterval(loginTimer);
|
||||
}
|
||||
if (finalUrl.includes('/uc')) {
|
||||
islogin = true;
|
||||
closeLoading?.()
|
||||
cocoMessage.success('署名成功，正在跳转...');
|
||||
login_loginBtn.textContent = '跳转中...';
|
||||
setTimeout(() => {
|
||||
const currentScrollTop = window.scrollY || document.documentElement.scrollTop;
|
||||
$.cookie('scrollParam', currentScrollTop, { path: '/', domain: 'anian.cc' });
|
||||
$.cookie('load_type', 'login', { path: '/', domain: 'anian.cc' });
|
||||
window.location.reload();
|
||||
}, 800);
|
||||
} else if (finalUrl.includes('error=invalid-credential')) {
|
||||
closeLoading?.()
|
||||
cocoMessage.warning('署名人与心上锁不匹配');
|
||||
fetchCSRFToken();
|
||||
} else {
|
||||
closeLoading?.()
|
||||
cocoMessage.error('速度过快，请稍后重试');
|
||||
}
|
||||
} catch (err) {
|
||||
closeLoading?.()
|
||||
cocoMessage.error('服务器连接失败');
|
||||
} finally {
|
||||
if (!islogin) {
|
||||
fetchCSRFToken();
|
||||
login_closeBtn.disabled = false;
|
||||
loginTimer = setInterval(() => {
|
||||
if (countdownSeconds > 0) {
|
||||
login_loginBtn.textContent = '请稍等...' + countdownSeconds;
|
||||
} else {
|
||||
clearInterval(loginTimer);
|
||||
closeLoading?.()
|
||||
cocoMessage.success('请重新尝试署名');
|
||||
login_loginBtn.textContent = '署 名';
|
||||
login_loginBtn.disabled = false;
|
||||
}
|
||||
countdownSeconds--;
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 回车登录
|
||||
@@ -181,6 +205,8 @@ document.addEventListener("keydown", function (e) {
|
||||
|
||||
// 退出登录
|
||||
async function customLogout() {
|
||||
$('.pixar-notice-btn-confirm, .pixar-notice-btn-close').prop('disabled', true);
|
||||
let closeLoading = cocoMessage.loading('退出登录中...');
|
||||
try {
|
||||
const getResponse = await fetch('/logout', { credentials: 'include' });
|
||||
const htmlText = await getResponse.text();
|
||||
@@ -189,6 +215,8 @@ async function customLogout() {
|
||||
const logoutCsrfToken = doc.querySelector('input[name="_csrf"]')?.value;
|
||||
if (!logoutCsrfToken) {
|
||||
cocoMessage.error('页面未找到 CSRF 令牌');
|
||||
$('.pixar-notice-btn-confirm, .pixar-notice-btn-close').prop('disabled', false);
|
||||
closeLoading();
|
||||
return;
|
||||
}
|
||||
const postResponse = await fetch('/logout', {
|
||||
@@ -202,20 +230,26 @@ async function customLogout() {
|
||||
})
|
||||
});
|
||||
if (postResponse.ok) {
|
||||
closeLoading();
|
||||
cocoMessage.success('您已成功退出登录');
|
||||
setTimeout(() => {
|
||||
const currentScrollTop = window.scrollY || document.documentElement.scrollTop;
|
||||
$.cookie('scrollParam', currentScrollTop, { path: '/', domain: 'anian.cc' });
|
||||
$.cookie('load_type', 'logout', { path: '/', domain: 'anian.cc' });
|
||||
window.location.reload();
|
||||
}, 800);
|
||||
} else {
|
||||
closeLoading();
|
||||
$('.pixar-notice-btn-confirm, .pixar-notice-btn-close').prop('disabled', false);
|
||||
throw new Error('退出请求被拒绝');
|
||||
}
|
||||
} catch (err) {
|
||||
closeLoading();
|
||||
$('.pixar-notice-btn-confirm, .pixar-notice-btn-close').prop('disabled', false);
|
||||
console.error('Logout Error:', err);
|
||||
cocoMessage.error('退出失败，请手动刷新页面');
|
||||
}
|
||||
}
|
||||
|
||||
function showPixarCard() {
|
||||
function open_logout_box() {
|
||||
const wrapper = document.getElementById("pixarNoticeWrapper");
|
||||
wrapper.style.display = "flex";
|
||||
}
|
||||
@@ -229,7 +263,16 @@ function confirmPixarAction() {
|
||||
customLogout();
|
||||
}
|
||||
|
||||
|
||||
// 打开确认模态框
|
||||
function openModal(title, msg, type) {
|
||||
var modal = $('#momentsDeleteModal');
|
||||
var card = modal.find('.moments-card-widget');
|
||||
modal.find('.moments-title-text').text(title);
|
||||
modal.find('.moments-message-text').text(msg);
|
||||
card.removeClass('theme-red theme-yellow theme-green').addClass('theme-' + type);
|
||||
$('.moments-btn-cancel, .moments-btn-confirm').prop('disabled', false);
|
||||
modal.fadeIn(200);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
+51
-63
@@ -383,13 +383,7 @@ $(document).on('click', '.wp_get_media_list li', function () {
|
||||
//删除图片/视频（保留事件冒泡修复）
|
||||
$(document).on('click', '.topic-img-de', function (e) {
|
||||
e.stopPropagation();
|
||||
|
||||
var msg = "确认删除此媒体文件？";
|
||||
if (confirm(msg)) {
|
||||
$(this).parent().remove();
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
var num = $('.add_img_box .t_media_item').length;
|
||||
if (num < 9) {
|
||||
$("a.up_img_btn").show();
|
||||
@@ -606,9 +600,8 @@ $(document).on('click', '.loca_text', function () {
|
||||
//发布更新瞬间
|
||||
let isSubmittingMoment = false;
|
||||
$(document).on('click', '.push_item', function () {
|
||||
|
||||
if (isSubmittingMoment) return false;
|
||||
|
||||
let closeLoading = null;
|
||||
var content = $("#topic_content").val();
|
||||
var catname = $(".t_cat_toogle span").text();
|
||||
var loca = $(".loca_text").text();
|
||||
@@ -669,7 +662,8 @@ $(document).on('click', '.push_item', function () {
|
||||
pushData.metadata.annotations = { mylocal: loca };
|
||||
}
|
||||
|
||||
cocoMessage.info("发布中..");
|
||||
closeLoading = cocoMessage.loading('正在发布...');
|
||||
$('.push_close, .push_item').prop('disabled', true);
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
@@ -677,10 +671,16 @@ $(document).on('click', '.push_item', function () {
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(pushData),
|
||||
success() {
|
||||
closeLoading?.()
|
||||
cocoMessage.success('发布成功！');
|
||||
const currentScrollTop = window.scrollY || document.documentElement.scrollTop;
|
||||
$.cookie('scrollParam', currentScrollTop, { path: '/', domain: 'anian.cc' });
|
||||
$.cookie('load_type', 'create', { path: '/', domain: 'anian.cc' });
|
||||
location.reload();
|
||||
},
|
||||
error() {
|
||||
$('.push_close, .push_item').prop('disabled', false);
|
||||
closeLoading?.()
|
||||
cocoMessage.error('发布失败！');
|
||||
release();
|
||||
}
|
||||
@@ -717,7 +717,8 @@ $(document).on('click', '.push_item', function () {
|
||||
updateData.metadata.annotations = { mylocal: loca };
|
||||
}
|
||||
|
||||
cocoMessage.info("更新中..");
|
||||
closeLoading = cocoMessage.loading('正在更新...');
|
||||
$('.push_close, .push_item').prop('disabled', true);
|
||||
|
||||
$.ajax({
|
||||
type: "PUT",
|
||||
@@ -725,11 +726,17 @@ $(document).on('click', '.push_item', function () {
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(updateData),
|
||||
success() {
|
||||
closeLoading?.()
|
||||
cocoMessage.success('更新成功！');
|
||||
const currentScrollTop = window.scrollY || document.documentElement.scrollTop;
|
||||
$.cookie('scrollParam', currentScrollTop, { path: '/', domain: 'anian.cc' });
|
||||
$.cookie('load_type', 'update', { path: '/', domain: 'anian.cc' });
|
||||
location.reload();
|
||||
},
|
||||
error() {
|
||||
closeLoading?.()
|
||||
cocoMessage.error('更新失败！');
|
||||
$('.push_close, .push_item').prop('disabled', false);
|
||||
release();
|
||||
}
|
||||
});
|
||||
@@ -1052,8 +1059,6 @@ $(document).on('click', '#t_pagination a', function () {
|
||||
const currentPage = parseInt(href.match(/\d+/)[0]);
|
||||
const $pagingArea = $('#t_pagination .post-paging');
|
||||
const originalPagingHtml = $pagingArea.html();
|
||||
const isauto_loading = window.isAutoLoading
|
||||
if (window.isAutoLoading) window.isAutoLoading = false;
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
@@ -1075,13 +1080,9 @@ $(document).on('click', '#t_pagination a', function () {
|
||||
} else {
|
||||
$("#t_pagination a").hide();
|
||||
}
|
||||
if (isauto_loading) {
|
||||
if (window.scroll_param > result.offset().top - 58) {
|
||||
if (!window.scroll_param || (!window.loadMoreTimeout && window.scroll_param > result.offset().top - 58)) {
|
||||
$body.animate({ scrollTop: result.offset().top - 58 }, 500);
|
||||
} else {
|
||||
window.forceStopLoading = true;
|
||||
}
|
||||
} else $body.animate({ scrollTop: result.offset().top - 58 }, 500);
|
||||
} else window.forceStopLoading = true;
|
||||
getMomentAudio();
|
||||
initAgree();
|
||||
lazyLoadInstance.update();
|
||||
@@ -1214,8 +1215,6 @@ $(document).on('click', '#p_pagination a', function () {
|
||||
const $pagingArea = $('#p_pagination .post-paging');
|
||||
const originalPagingHtml = $pagingArea.html();
|
||||
const targetOffsetTop = $('#p_pagination a').offset().top;
|
||||
const isauto_loading = window.isAutoLoading
|
||||
if (window.isAutoLoading) window.isAutoLoading = false;
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: href,
|
||||
@@ -1234,13 +1233,9 @@ $(document).on('click', '#p_pagination a', function () {
|
||||
} else {
|
||||
$("#p_pagination a").hide(); //如果没有下一页了，隐藏
|
||||
}
|
||||
if (isauto_loading) {
|
||||
if (window.scroll_param > targetOffsetTop - 358) {
|
||||
if (!window.scroll_param || (!window.loadMoreTimeout && window.scroll_param > targetOffsetTop - 358)) {
|
||||
$body.animate({ scrollTop: targetOffsetTop - 358 }, 500);
|
||||
} else {
|
||||
window.forceStopLoading = true;
|
||||
}
|
||||
} else $body.animate({ scrollTop: targetOffsetTop - 358 }, 500);
|
||||
} else window.forceStopLoading = true;
|
||||
pix.initGalleryPhotos();
|
||||
$.cookie('page', currentPage, { path: '/', domain: 'anian.cc' });
|
||||
} else {
|
||||
@@ -1492,8 +1487,6 @@ $('body').on('click', '#pagination a', function () {
|
||||
const originalPagingHtml = $pagingArea.html();
|
||||
var href = $(this).attr('data');
|
||||
const currentPage = parseInt(href.match(/\d+/)[0]);
|
||||
const isauto_loading = window.isAutoLoading
|
||||
if (window.isAutoLoading) window.isAutoLoading = false;
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: href,
|
||||
@@ -1519,13 +1512,9 @@ $('body').on('click', '#pagination a', function () {
|
||||
} else {
|
||||
$("#pagination a").hide(); //如果没有下一页了，隐藏
|
||||
}
|
||||
if (isauto_loading) {
|
||||
if (window.scroll_param > result.offset().top - 58) {
|
||||
if (!window.scroll_param || (!window.loadMoreTimeout && window.scroll_param > result.offset().top - 58)) {
|
||||
$body.animate({ scrollTop: result.offset().top - 58 }, 500);
|
||||
} else {
|
||||
window.forceStopLoading = true;
|
||||
}
|
||||
} else $body.animate({ scrollTop: result.offset().top - 58 }, 500);
|
||||
} else window.forceStopLoading = true;
|
||||
initAgree()
|
||||
lazyLoadInstance.update();
|
||||
$.cookie('page', currentPage, { path: '/', domain: 'anian.cc' });
|
||||
@@ -1548,8 +1537,6 @@ $('body').on('click', '.arc_pagenav a', function () {
|
||||
const $pagingArea = $('.arc_pagenav');
|
||||
const originalPagingHtml = $pagingArea.html();
|
||||
const postListElement = document.getElementById("post_item");
|
||||
const isauto_loading = window.isAutoLoading
|
||||
if (window.isAutoLoading) window.isAutoLoading = false;
|
||||
var href = $(this).attr('data');
|
||||
const currentPage = parseInt(href.match(/\d+/)[0]);
|
||||
|
||||
@@ -1579,15 +1566,10 @@ $('body').on('click', '.arc_pagenav a', function () {
|
||||
} else {
|
||||
$(".arc_pagenav a").hide(); //如果没有下一页了，隐藏
|
||||
}
|
||||
|
||||
$('.arc_pagenav .uk-spinner').remove();
|
||||
if (isauto_loading) {
|
||||
if (window.scroll_param > post.offset().top - 58) {
|
||||
if (!window.scroll_param || (!window.loadMoreTimeout && window.scroll_param > post.offset().top - 58)) {
|
||||
$body.animate({ scrollTop: post.offset().top - 58 }, 500);
|
||||
} else {
|
||||
window.forceStopLoading = true;
|
||||
}
|
||||
} else $body.animate({ scrollTop: post.offset().top - 58 }, 500);
|
||||
} else window.forceStopLoading = true;
|
||||
initAgree()
|
||||
lazyLoadInstance.update();
|
||||
$.cookie('page', currentPage, { path: '/', domain: 'anian.cc' });
|
||||
@@ -2579,6 +2561,7 @@ async function initNoticeTip() {
|
||||
if (hasUnread) {
|
||||
noticeBubble.classList.add('show');
|
||||
noticeBtn.classList.add('has-notice');
|
||||
$('.footer_menu a[href="/navigator"]').css('color', '#ecc94b').find('i').css('color', '#ecc94b');
|
||||
} else {
|
||||
noticeBubble.classList.remove('show');
|
||||
noticeBtn.classList.remove('has-notice');
|
||||
@@ -2622,11 +2605,11 @@ if (location.hostname === "anian.cc") {
|
||||
|
||||
anianxSpeedMainLine.addEventListener("click", () => {
|
||||
if (anianxSpeedGlobalLock) return;
|
||||
anianxSpeedMoveArrow(anianxSpeedMainLine);
|
||||
anianxSpeedGlobalLock = true;
|
||||
if (anianxSpeedMainLine.classList.contains("anianx-fixed")) {
|
||||
anianxSpeedBubbleText.classList.remove("anianx-loading");
|
||||
anianxSpeedBubbleText.innerText = "当前为主线路";
|
||||
anianxSpeedMoveArrow(anianxSpeedMainLine);
|
||||
anianxSpeedGlobalLock = false;
|
||||
} else {
|
||||
anianxSpeedBubbleText.classList.add("anianx-loading");
|
||||
@@ -2642,11 +2625,11 @@ anianxSpeedMainLine.addEventListener("click", () => {
|
||||
|
||||
anianxSpeedSubLine.addEventListener("click", () => {
|
||||
if (anianxSpeedGlobalLock) return;
|
||||
anianxSpeedMoveArrow(anianxSpeedSubLine);
|
||||
anianxSpeedGlobalLock = true;
|
||||
if (anianxSpeedSubLine.classList.contains("anianx-fixed")) {
|
||||
anianxSpeedBubbleText.classList.remove("anianx-loading");
|
||||
anianxSpeedBubbleText.innerText = "当前为副线路";
|
||||
anianxSpeedMoveArrow(anianxSpeedSubLine);
|
||||
anianxSpeedGlobalLock = false;
|
||||
} else {
|
||||
anianxSpeedBubbleText.classList.add("anianx-loading");
|
||||
@@ -2662,10 +2645,10 @@ anianxSpeedSubLine.addEventListener("click", () => {
|
||||
|
||||
anianxSpeedTestLine.addEventListener("click", () => {
|
||||
if (anianxSpeedGlobalLock) return;
|
||||
anianxSpeedMoveArrow(anianxSpeedTestLine);
|
||||
anianxSpeedGlobalLock = true;
|
||||
anianxSpeedBubbleText.classList.add("anianx-loading");
|
||||
anianxSpeedBubbleText.innerText = "测速中";
|
||||
anianxSpeedMoveArrow(anianxSpeedTestLine);
|
||||
anianxSpeedTestWithTimeout(7500).then(result => {
|
||||
anianxSpeedBubbleText.classList.remove("anianx-loading");
|
||||
anianxSpeedBubbleText.innerText = result;
|
||||
@@ -2744,7 +2727,7 @@ function initTagSwitch() {
|
||||
|
||||
// 1. 定义一个全局标志位，用于外部强制终止
|
||||
window.forceStopLoading = false;
|
||||
window.isAutoLoading = false;
|
||||
window.loadMoreTimeout = false;
|
||||
function loadMultiplePages(pageCount) {
|
||||
return new Promise((resolve) => {
|
||||
let loadedCount = 0;
|
||||
@@ -2772,9 +2755,6 @@ function loadMultiplePages(pageCount) {
|
||||
|
||||
const $pager = $btn.closest('.post-paging');
|
||||
const oldHref = $btn.attr('data');
|
||||
|
||||
window.isAutoLoading = true;
|
||||
|
||||
const pageStartTime = Date.now();
|
||||
$btn.trigger('click'); // 加载更多
|
||||
|
||||
@@ -2786,8 +2766,9 @@ function loadMultiplePages(pageCount) {
|
||||
resolve();
|
||||
return;
|
||||
}
|
||||
if (now - pageStartTime > 2000) {
|
||||
if (now - pageStartTime > 3000) {
|
||||
clearInterval(waitInterval);
|
||||
window.loadMoreTimeout = true;
|
||||
resolve(); // 解决 Promise，触发后续滚动
|
||||
return;
|
||||
}
|
||||
@@ -2813,13 +2794,18 @@ function loadMultiplePages(pageCount) {
|
||||
}
|
||||
|
||||
function initjump() {
|
||||
initTagSwitch().then(() => {
|
||||
let closeLoading = null;
|
||||
const page = $.cookie('page');
|
||||
const scrollParam = $.cookie('scrollParam');
|
||||
const loadType = $.cookie('load_type')
|
||||
$.removeCookie('scrollParam', { path: '/', domain: 'anian.cc' });
|
||||
$.removeCookie('page', { path: '/', domain: 'anian.cc' });
|
||||
$.removeCookie('load_type', { path: '/', domain: 'anian.cc' });
|
||||
window.scroll_param = scrollParam;
|
||||
|
||||
if (scrollParam && !isNaN(scrollParam)) {
|
||||
closeLoading = cocoMessage.loading('自动恢复原内容中...');
|
||||
}
|
||||
initTagSwitch().then(() => {
|
||||
const loadPageTask = () => {
|
||||
if (page && !isNaN(page)) {
|
||||
const targetPage = Number(page) - 1;
|
||||
@@ -2827,28 +2813,30 @@ function initjump() {
|
||||
}
|
||||
return Promise.resolve();
|
||||
};
|
||||
|
||||
if (scrollParam && !isNaN(scrollParam)) {
|
||||
const closeLoading = cocoMessage.loading('自动恢复原线路内容中...');
|
||||
loadPageTask().then(() => {
|
||||
// 执行滚动逻辑
|
||||
closeLoading?.()
|
||||
const recordScroll = Number(scrollParam);
|
||||
const maxScroll = document.documentElement.scrollHeight - window.innerHeight;
|
||||
const scrollDistance = Math.min(recordScroll, maxScroll);
|
||||
|
||||
$('html, body').animate({ scrollTop: scrollDistance }, 500);
|
||||
|
||||
if (recordScroll > maxScroll && (recordScroll - maxScroll) > 200) {
|
||||
closeLoading();
|
||||
cocoMessage.warning('请手动加载原线路内容');
|
||||
} else if (loadType === 'create') {
|
||||
cocoMessage.success('发布成功！');
|
||||
} else if (loadType === 'update') {
|
||||
cocoMessage.success('更新成功！');
|
||||
} else if (loadType === 'login') {
|
||||
cocoMessage.success('登录成功！');
|
||||
} else if (loadType === 'logout') {
|
||||
cocoMessage.success('登出成功！');
|
||||
} else {
|
||||
const msg = location.hostname === "anian.cc" ? '主线路' : (location.hostname === "www.anian.cc" ? '副线路' : '测试线路');
|
||||
closeLoading();
|
||||
cocoMessage.success(`已成功切换至${msg}`);
|
||||
cocoMessage.success('已成功切换至' + msg);
|
||||
}
|
||||
});
|
||||
}).catch(() => closeLoading?.());
|
||||
}
|
||||
});
|
||||
}).catch(() => closeLoading?.());
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -128,14 +128,8 @@ function getcard(name,cover,title,type){
|
||||
}
|
||||
|
||||
$(document).on('click', '.de_card', function () {
|
||||
var msg = "确认删除此卡片？";
|
||||
var num = $('.moment_card_item').length;
|
||||
if (confirm(msg)==true){
|
||||
$(this).parents('.moment_card_item').remove();
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (num == 1) {
|
||||
$(".show_card").hide();
|
||||
}
|
||||
@@ -279,39 +273,55 @@ $('body').on('click', '.video_choose a', function() {
|
||||
|
||||
//});
|
||||
|
||||
//删除片刻文章
|
||||
$('body').on('click', '.control_delete_post', function() {
|
||||
var pid = $(this).parent().attr('pid');
|
||||
//删除片刻
|
||||
// 全局变量暂存当前要删除的 ID
|
||||
window.currentDeletePid = null;
|
||||
|
||||
var msg = "确定删除瞬间？";
|
||||
if (confirm(msg)==true){
|
||||
// 删除片刻文章 - 打开弹窗
|
||||
$('body').on('click', '.control_delete_post', function () {
|
||||
window.currentDeletePid = $(this).parent().attr('pid');
|
||||
openModal('删除确认', '确定删除瞬间？该条数据将被永久移除。', 'red');
|
||||
});
|
||||
|
||||
// 点击取消按钮 - 关闭弹窗
|
||||
$('body').on('click', '#momentsCancelDeleteBtn', function (e) {
|
||||
$('#momentsDeleteModal').fadeOut(200);
|
||||
window.currentDeletePid = null;
|
||||
});
|
||||
|
||||
// 点击确认删除 - 执行 AJAX
|
||||
$('body').on('click', '#momentsConfirmDeleteBtn', function () {
|
||||
var pid = window.currentDeletePid;
|
||||
if (!pid) return;
|
||||
let closeLoading = cocoMessage.loading('正在删除...');
|
||||
$('.moments-btn-cancel, .moments-btn-confirm').prop('disabled', true);
|
||||
$.ajax({
|
||||
type: 'DELETE',
|
||||
dataType: 'json',
|
||||
url: `/apis/${Theme.moments.api}/v1alpha1/moments/` + pid,
|
||||
contentType: "application/json",
|
||||
beforeSend: function () {
|
||||
cocoMessage.info('处理中..');
|
||||
},
|
||||
success: function (data) {
|
||||
$('#momentsDeleteModal').fadeOut(200);
|
||||
closeLoading?.()
|
||||
cocoMessage.success('删除成功');
|
||||
setTimeout(()=>{
|
||||
$(`#post-${pid}`)[0].remove()
|
||||
},1000)
|
||||
window.currentDeletePid = null;
|
||||
const $post = $(`#post-${pid}`);
|
||||
if (!$post.length) return;
|
||||
$post.addClass('moments-delete-disperse');
|
||||
setTimeout(() => $post.remove(), 800);
|
||||
},
|
||||
error: function (request) {
|
||||
if (request.status) {
|
||||
closeLoading?.()
|
||||
cocoMessage.error('瞬间不存在或已删除');
|
||||
} else {
|
||||
closeLoading?.()
|
||||
cocoMessage.error('删除失败');
|
||||
}
|
||||
console.log(request)
|
||||
$('.moments-btn-cancel, .moments-btn-confirm').prop('disabled', false);
|
||||
},
|
||||
});
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
//置顶片刻
|
||||
@@ -363,6 +373,8 @@ $('body').on('click', '.sticky_btn', function() {
|
||||
|
||||
//编辑片刻
|
||||
$('body').on('click', '.control_edit_post', function () {
|
||||
$('.push_close, .push_item').prop('disabled', true);
|
||||
let closeLoading = null;
|
||||
$(".loca_text").empty().attr("state", '0');
|
||||
$(".loca_text").attr("uk-tooltip", "title:获取位置; pos: top; offset:2;");
|
||||
$('.moment_image_type a').click();
|
||||
@@ -378,7 +390,7 @@ $('body').on('click', '.control_edit_post', function() {
|
||||
type: 'GET',
|
||||
url: `/apis/${Theme.moments.api}/v1alpha1/moments/` + pid,
|
||||
beforeSend: function () {
|
||||
cocoMessage.info('数据拉取中');
|
||||
closeLoading = cocoMessage.loading('数据拉取中...');
|
||||
//$('.t_form').before('<div class="edit_overlay"></div>');
|
||||
},
|
||||
success: function (data) {
|
||||
@@ -431,8 +443,7 @@ $('body').on('click', '.control_edit_post', function() {
|
||||
$('.loca_text').text(data.metadata.annotations?.mylocal);
|
||||
}
|
||||
|
||||
switch(type)
|
||||
{
|
||||
switch (type) {
|
||||
case "PHOTO":
|
||||
//if(data.moment_data.length > 0){ 文字片刻没有数据
|
||||
edit_image(data);
|
||||
@@ -448,7 +459,14 @@ $('body').on('click', '.control_edit_post', function() {
|
||||
edit_video(data);
|
||||
break;
|
||||
}
|
||||
cocoMessage.success('拉取完成');
|
||||
closeLoading();
|
||||
cocoMessage.success('数据拉取完成');
|
||||
$('.push_close, .push_item').prop('disabled', false);
|
||||
},
|
||||
error: function () {
|
||||
closeLoading();
|
||||
cocoMessage.error('数据拉取失败');
|
||||
$('.push_close').prop('disabled', false);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
+2
-1
@@ -3541,7 +3541,8 @@ iframe[uk-cover] {
|
||||
.uk-sortable-drag {
|
||||
position: fixed !important;
|
||||
z-index: 1050 !important;
|
||||
pointer-events: none
|
||||
width: auto !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.uk-sortable-placeholder {
|
||||
|
||||
+29
-7
@@ -38,8 +38,7 @@
|
||||
|
||||
<div id="post_item" class="moment_list">
|
||||
|
||||
<div th:each="postInfo, iterstat: ${friends.items}"
|
||||
th:id="${'post-'+postInfo.metadata.name}"
|
||||
<div th:each="postInfo, iterstat: ${friends.items}" th:id="${'post-'+postInfo.metadata.name}"
|
||||
class="loop_content p_item moment_item uk-animation-slide-bottom-small"
|
||||
th:with="spec = ${postInfo.spec}">
|
||||
|
||||
@@ -72,9 +71,34 @@
|
||||
<div th:utext="${spec.description}"></div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- 图片列表 -->
|
||||
<div class="img_list img-dynamic-container">
|
||||
<div class="list_inner"
|
||||
th:with="isImgList=${#strings.startsWith(spec.title, 'img:::')}"
|
||||
th:attr="num=${isImgList ? #arrays.length(#strings.substringAfter(spec.title, 'img:::').split(',')) : 0}">
|
||||
<!-- 只有识别为图片列表时才渲染 -->
|
||||
<th:block th:if="${isImgList}">
|
||||
<!-- 去掉前缀，分割数组 -->
|
||||
<th:block
|
||||
th:with="imgArray=${#strings.substringAfter(spec.title, 'img:::').split(',')}">
|
||||
<th:block th:each="url : ${imgArray}"
|
||||
th:with="cleanUrl=${#strings.trim(url)}">
|
||||
<span class="fancybox mo_img"
|
||||
th:if="${not #strings.isEmpty(cleanUrl)}"
|
||||
th:href="|/upload/image-host/${cleanUrl}|"
|
||||
th:data-fancybox="${'post-' + postInfo.metadata.name}">
|
||||
<img class="lazy"
|
||||
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
|
||||
th:data-src="|/upload/image-host/${cleanUrl}|"
|
||||
alt="">
|
||||
</span>
|
||||
</th:block>
|
||||
</th:block>
|
||||
</th:block>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -88,11 +112,9 @@
|
||||
<!-- 分页：必须保持在 blog_list_inner 里面 -->
|
||||
<th:block th:if="${friends.totalPages>1}">
|
||||
<div id="t_pagination">
|
||||
<div class="post-paging"
|
||||
th:if="${friends.hasNext()}">
|
||||
<div class="post-paging" th:if="${friends.hasNext()}">
|
||||
<!-- 直接使用后端生成的完整 nextUrl -->
|
||||
<a th:data="${friends.nextUrl}"
|
||||
th:text="${theme.config.base_set.site_page}">
|
||||
<a th:data="${friends.nextUrl}" th:text="${theme.config.base_set.site_page}">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<th:block th:fragment="footer">
|
||||
<th:block th:with="customJsVersion='1.2.5-3'">
|
||||
<th:block th:with="customJsVersion='1.2.5-5'">
|
||||
|
||||
<!-- 奇遇容器 -->
|
||||
<div class="center-img-container" id="centerImgContainer">
|
||||
@@ -41,7 +41,8 @@
|
||||
<div class="pixar-notice-image-area">
|
||||
<p class="pixar-notice-caption">
|
||||
您确定要退出登录吗？<br>
|
||||
退出后您仍能以访客身份翻阅本日记簿...
|
||||
请注意！<br>
|
||||
未保存的内容将会被清空！
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -64,6 +65,33 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="moments-modal-overlay" id="momentsDeleteModal" style="display: none;">
|
||||
<div class="moments-card-widget">
|
||||
<div class="moments-card-header">
|
||||
<!-- 新增这一层包裹 -->
|
||||
<div class="moments-header-row">
|
||||
<div class="moments-icon-wrapper">
|
||||
<svg aria-hidden="true" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"
|
||||
fill="none">
|
||||
<path
|
||||
d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
|
||||
stroke-linejoin="round" stroke-linecap="round"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="moments-text-content">
|
||||
<span class="moments-title-text"></span>
|
||||
<p class="moments-message-text"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="moments-button-group">
|
||||
<button class="moments-btn-confirm" type="button" id="momentsConfirmDeleteBtn">确认</button>
|
||||
<button class="moments-btn-cancel" type="button" id="momentsCancelDeleteBtn">取消</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script th:if="${pluginFinder.available('plugin-douban')}"
|
||||
th:src="@{/plugins/plugin-douban/assets/static/db.min.js(v=${customJsVersion})}" class="pjax"></script>
|
||||
<script th:src="@{/assets/libs/axios/axios.min.js(v=${customJsVersion})}" id="axios.min-js"></script>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<th:block th:fragment="head" th:with="customJsVersion=${'1.2.5-3'}">
|
||||
<th:block th:fragment="head" th:with="customJsVersion=${'1.2.5-5'}">
|
||||
<th:block th:replace="~{'modules/variables/msg'}" />
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<div class="user_pannel round12" uk-dropdown="mode: click;toggle:#top_ava;pos:bottom-right;animation:uk-animation-slide-top-small">
|
||||
<div class="inner">
|
||||
<a href="/console" target="_blank" pjax="exclude"><i class="ri-function-line"></i>管理面板</a>
|
||||
<a class="logout" href="javascript:void(0);" onclick="showPixarCard()"><i class="ri-logout-circle-r-line"></i>退出登录</a>
|
||||
<a class="logout" href="javascript:void(0);" onclick="open_logout_box()"><i class="ri-logout-circle-r-line"></i>退出登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -47,7 +47,7 @@
|
||||
<div class="user_pannel round12" uk-dropdown="mode: click;toggle:#top_ava2;pos:bottom-right;animation:uk-animation-slide-top-small">
|
||||
<div class="inner">
|
||||
<a href="/console" target="_blank" pjax="exclude"><i class="ri-function-line"></i>管理面板</a>
|
||||
<a class="logout" href="javascript:void(0);" onclick="showPixarCard()"><i class="ri-logout-circle-r-line"></i>退出登录</a>
|
||||
<a class="logout" href="javascript:void(0);" onclick="open_logout_box()"><i class="ri-logout-circle-r-line"></i>退出登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -124,7 +124,7 @@
|
||||
<div class="form_footer">
|
||||
<div class="admin_tool">
|
||||
<a href="/console" target="_blank"><i class="ri-function-line"></i> 管理</a>
|
||||
<a class="logout" href="javascript:void(0);" onclick="showPixarCard()"><i class="ri-logout-circle-r-line"></i> 登出</a>
|
||||
<a class="logout" href="javascript:void(0);" onclick="open_logout_box()"><i class="ri-logout-circle-r-line"></i> 登出</a>
|
||||
</div>
|
||||
<div class="moment_sure">
|
||||
<button class="uk-modal-close push_close">取消</button>
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
<style th:if="${theme.config.moments.img_style == 'one'}">
|
||||
|
||||
.img_list .list_inner {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -48,14 +47,13 @@
|
||||
width: 30%;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.img_list span:nth-child(1):nth-last-child(4),
|
||||
.img_list span:nth-child(3):nth-last-child(2),
|
||||
.img_list span:nth-child(4):nth-last-child(1) {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<style th:if="${theme.config.moments.img_style == 'two'}">
|
||||
.img_list span:nth-last-child(1):first-child {
|
||||
@@ -137,7 +135,8 @@
|
||||
grid-area: 5 / 4 / 7 / 7;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='5'] span:nth-child(4) img,.img_list .list_inner[num='5'] span:nth-child(5) img {
|
||||
.img_list .list_inner[num='5'] span:nth-child(4) img,
|
||||
.img_list .list_inner[num='5'] span:nth-child(5) img {
|
||||
height: 127.35px;
|
||||
}
|
||||
|
||||
@@ -206,7 +205,8 @@
|
||||
/* 容器设置：保持 6 列网格，用于计算 1/3 和 1/2 宽度 */
|
||||
.img_list .list_inner[num='8'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr); /* 6 列 */
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
/* 6 列 */
|
||||
|
||||
max-height: 100vw;
|
||||
|
||||
@@ -237,11 +237,291 @@
|
||||
}
|
||||
|
||||
/* 确保第 1 行和第 3 行的宽度不被其他 CSS 规则干扰 */
|
||||
.img_list .list_inner[num='8'] span:nth-child(-n+3), /* 第 1, 2, 3 个 */
|
||||
.img_list .list_inner[num='8'] span:nth-child(n+6) { /* 第 6, 7, 8 个 */
|
||||
.img_list .list_inner[num='8'] span:nth-child(-n+3),
|
||||
/* 第 1, 2, 3 个 */
|
||||
.img_list .list_inner[num='8'] span:nth-child(n+6) {
|
||||
/* 第 6, 7, 8 个 */
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
/* 10 张：完整矩形（6 列，3+2+2+3） */
|
||||
.img_list .list_inner[num='10'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='10'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='10'] span:nth-child(4),
|
||||
.img_list .list_inner[num='10'] span:nth-child(5),
|
||||
.img_list .list_inner[num='10'] span:nth-child(6),
|
||||
.img_list .list_inner[num='10'] span:nth-child(7) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 11 张：完整矩形（6 列，2+3+3+3） */
|
||||
.img_list .list_inner[num='11'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='11'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='11'] span:nth-child(1),
|
||||
.img_list .list_inner[num='11'] span:nth-child(2) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 13 张：完整矩形（6 列，3+2+3+2+3） */
|
||||
.img_list .list_inner[num='13'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='13'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='13'] span:nth-child(4),
|
||||
.img_list .list_inner[num='13'] span:nth-child(5),
|
||||
.img_list .list_inner[num='13'] span:nth-child(9),
|
||||
.img_list .list_inner[num='13'] span:nth-child(10) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 14 张：完整矩形（6 列，3+3+2+3+3） */
|
||||
.img_list .list_inner[num='14'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='14'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='14'] span:nth-child(7),
|
||||
.img_list .list_inner[num='14'] span:nth-child(8) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 16 张：完整矩形（6 列，3+2+3+3+2+3） */
|
||||
.img_list .list_inner[num='16'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='16'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='16'] span:nth-child(4),
|
||||
.img_list .list_inner[num='16'] span:nth-child(5),
|
||||
.img_list .list_inner[num='16'] span:nth-child(12),
|
||||
.img_list .list_inner[num='16'] span:nth-child(13) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 17 张：完整矩形（6 列，2+3+2+3+2+3+2） */
|
||||
.img_list .list_inner[num='17'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='17'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='17'] span:nth-child(1),
|
||||
.img_list .list_inner[num='17'] span:nth-child(2),
|
||||
.img_list .list_inner[num='17'] span:nth-child(6),
|
||||
.img_list .list_inner[num='17'] span:nth-child(7),
|
||||
.img_list .list_inner[num='17'] span:nth-child(11),
|
||||
.img_list .list_inner[num='17'] span:nth-child(12),
|
||||
.img_list .list_inner[num='17'] span:nth-child(16),
|
||||
.img_list .list_inner[num='17'] span:nth-child(17) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 19 张：完整矩形（6 列，3+3+2+3+3+2+3） */
|
||||
.img_list .list_inner[num='19'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='19'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='19'] span:nth-child(7),
|
||||
.img_list .list_inner[num='19'] span:nth-child(8),
|
||||
.img_list .list_inner[num='19'] span:nth-child(15),
|
||||
.img_list .list_inner[num='19'] span:nth-child(16) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 20 张：完整矩形（6 列，3+2+3+2+3+2+3+2） */
|
||||
.img_list .list_inner[num='20'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='20'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='20'] span:nth-child(4),
|
||||
.img_list .list_inner[num='20'] span:nth-child(5),
|
||||
.img_list .list_inner[num='20'] span:nth-child(9),
|
||||
.img_list .list_inner[num='20'] span:nth-child(10),
|
||||
.img_list .list_inner[num='20'] span:nth-child(14),
|
||||
.img_list .list_inner[num='20'] span:nth-child(15),
|
||||
.img_list .list_inner[num='20'] span:nth-child(19),
|
||||
.img_list .list_inner[num='20'] span:nth-child(20) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 22 张：完整矩形（6 列，3+3+2+3+3+2+3+3） */
|
||||
.img_list .list_inner[num='22'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='22'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='22'] span:nth-child(7),
|
||||
.img_list .list_inner[num='22'] span:nth-child(8),
|
||||
.img_list .list_inner[num='22'] span:nth-child(15),
|
||||
.img_list .list_inner[num='22'] span:nth-child(16) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
/* 23 张：完整矩形（6 列，3+2+3+2+3+2+3+2+3） */
|
||||
.img_list .list_inner[num='23'] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 6px;
|
||||
padding: 3px;
|
||||
|
||||
justify-content: unset;
|
||||
align-content: unset;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='23'] span {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.img_list .list_inner[num='23'] span:nth-child(4),
|
||||
.img_list .list_inner[num='23'] span:nth-child(5),
|
||||
.img_list .list_inner[num='23'] span:nth-child(9),
|
||||
.img_list .list_inner[num='23'] span:nth-child(10),
|
||||
.img_list .list_inner[num='23'] span:nth-child(14),
|
||||
.img_list .list_inner[num='23'] span:nth-child(15),
|
||||
.img_list .list_inner[num='23'] span:nth-child(19),
|
||||
.img_list .list_inner[num='23'] span:nth-child(20) {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
|
||||
.img_list span img {
|
||||
aspect-ratio: 1;
|
||||
|
||||
+1
-1
@@ -17,7 +17,7 @@ spec:
|
||||
issues: "https://github.com/chengzhongxue/halo-theme-pix/issues"
|
||||
settingName: "theme-pix-setting"
|
||||
configMapName: "theme-pix-configMap"
|
||||
version: "1.2.5-3"
|
||||
version: "1.2.5-4"
|
||||
require: ">=2.20.0"
|
||||
customTemplates:
|
||||
page:
|
||||
|
||||
Reference in New Issue
Block a user