进行了一些小优化
This commit is contained in:
@@ -110,7 +110,7 @@
|
||||
.aksrt-widget-comments { display: grid; gap: 15px; margin: 0; padding: 0; list-style: none; }.aksrt-widget-comments li { display: flex; gap: 11px; }.aksrt-widget-comments__avatar img { width: 42px; height: 42px; border-radius: 50%; }.aksrt-widget-comments p { margin: 3px 0; color: var(--muted-color,#8a8c98); font-size: 13px; line-height: 1.55; }.aksrt-widget-comments__source { font-size: 12px; opacity: .65; }
|
||||
.aksrt-widget-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }.aksrt-widget-links a { display: flex; flex-direction: column; gap: 4px; padding: 10px 8px; border-radius: var(--main-radius,8px); background: var(--muted-border-color,#f2f3f5); color:var(--key-color,#333); }.aksrt-widget-links small { color: var(--muted-color,#8a8c98); }.aksrt-widget-links--simple { display: flex; flex-wrap: wrap; }.aksrt-widget-links--simple a { padding: 5px 9px; box-shadow: none; background: transparent; }
|
||||
.aksrt-widget-notice { display: flex; height: 48px; align-items: center; gap: 12px; padding: 0 15px; overflow: hidden; border-radius: var(--main-radius,8px); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.aksrt-widget-notice .swiper { height: 48px; flex: 1; }.aksrt-widget-notice .swiper-slide, .aksrt-widget-notice .swiper-slide a { display: flex; height: 48px; align-items: center; gap: 10px; }.aksrt-widget-notice .swiper-slide span { overflow: hidden; color: var(--muted-color,#8a8c98); text-overflow: ellipsis; white-space: nowrap; }
|
||||
.aksrt-widget-swiper { position: relative; }.aksrt-widget-swiper__pause { position: absolute; z-index: 6; top: 10px; right: 10px; display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(20,21,27,.72); color: #fff; cursor: pointer; }.aksrt-widget-notice .aksrt-widget-swiper__pause { top: 7px; right: 4px; width: 30px; height: 30px; }
|
||||
.aksrt-widget-swiper { position: relative; }
|
||||
|
||||
.aksrt-term-card { display: block; overflow: hidden; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.aksrt-term-card__media { display: block; aspect-ratio: 16/9; background: var(--muted-border-color,#eee); }.aksrt-term-card__media img { width: 100%; height: 100%; object-fit: cover; }.aksrt-term-card__body { display: flex; flex-direction: column; gap: 5px; padding: 14px; }.aksrt-term-card__body small { min-height: 38px; color: var(--muted-color,#8a8c98); }.aksrt-term-card__body em { font-size: 12px; color: var(--focus-color,#ff5473); font-style: normal; }
|
||||
.aksrt-term-aggregation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }.aksrt-term-aggregation__card { padding: 15px; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.aksrt-term-aggregation header a { display: flex; justify-content: space-between; }.aksrt-term-aggregation header span { color: var(--muted-color,#8a8c98); font-size: 13px; }.aksrt-term-aggregation ul { display: grid; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }.aksrt-term-aggregation li a { display: flex; align-items: center; gap: 10px; }.aksrt-term-aggregation li img { width: 55px; height: 42px; border-radius: 6px; object-fit: cover; }
|
||||
|
||||
@@ -27,79 +27,6 @@
|
||||
tabs[next].click();
|
||||
}
|
||||
|
||||
function initSwiperA11y(el) {
|
||||
if (el.dataset.autoplay !== '1' || !once(el, 'SwiperA11y')) return;
|
||||
var i18n = config.i18n || {};
|
||||
var userPaused = reducedMotion;
|
||||
var focusPaused = false;
|
||||
var button = document.createElement('button');
|
||||
button.type = 'button';
|
||||
button.className = 'aksrt-widget-swiper__pause';
|
||||
|
||||
function setControlState() {
|
||||
button.setAttribute('aria-pressed', userPaused ? 'true' : 'false');
|
||||
button.setAttribute('aria-label', userPaused ? (i18n.resume || '继续自动播放') : (i18n.pause || '暂停自动播放'));
|
||||
button.textContent = userPaused ? '▶' : 'Ⅱ';
|
||||
}
|
||||
|
||||
function autoplay() {
|
||||
return el.swiper && el.swiper.autoplay ? el.swiper.autoplay : null;
|
||||
}
|
||||
|
||||
function stopAutoplay() {
|
||||
var runtime = autoplay();
|
||||
if (runtime && typeof runtime.stop === 'function') runtime.stop();
|
||||
setControlState();
|
||||
}
|
||||
|
||||
function pause() {
|
||||
focusPaused = true;
|
||||
stopAutoplay();
|
||||
}
|
||||
|
||||
function resume() {
|
||||
if (reducedMotion || userPaused || focusPaused) {
|
||||
stopAutoplay();
|
||||
return;
|
||||
}
|
||||
var runtime = autoplay();
|
||||
if (runtime && typeof runtime.start === 'function') runtime.start();
|
||||
setControlState();
|
||||
}
|
||||
|
||||
button.addEventListener('click', function () {
|
||||
if (userPaused && !reducedMotion) {
|
||||
userPaused = false;
|
||||
resume();
|
||||
} else {
|
||||
userPaused = true;
|
||||
stopAutoplay();
|
||||
}
|
||||
});
|
||||
el.addEventListener('focusin', pause);
|
||||
el.addEventListener('focusout', function () {
|
||||
window.setTimeout(function () {
|
||||
if (el.contains(document.activeElement)) return;
|
||||
focusPaused = false;
|
||||
resume();
|
||||
}, 0);
|
||||
});
|
||||
|
||||
setControlState();
|
||||
el.appendChild(button);
|
||||
|
||||
var attempts = 0;
|
||||
function connectToSwiper() {
|
||||
if (autoplay()) {
|
||||
if (reducedMotion || userPaused || focusPaused) stopAutoplay();
|
||||
return;
|
||||
}
|
||||
attempts += 1;
|
||||
if (attempts < 120) window.requestAnimationFrame(connectToSwiper);
|
||||
}
|
||||
connectToSwiper();
|
||||
}
|
||||
|
||||
function videoType(url) {
|
||||
if (/\.m3u8(?:\?|$)/i.test(url)) return 'hls';
|
||||
if (/\.flv(?:\?|$)/i.test(url)) return 'flv';
|
||||
@@ -330,8 +257,6 @@
|
||||
|
||||
function scan(root) {
|
||||
var scope = root || document;
|
||||
if (scope.matches && scope.matches('.aksrt-widget-swiper')) initSwiperA11y(scope);
|
||||
scope.querySelectorAll('.aksrt-widget-swiper').forEach(initSwiperA11y);
|
||||
scope.querySelectorAll('.aksrt-widget-video[data-video-url]').forEach(initVideo);
|
||||
scope.querySelectorAll('.aksrt-widget-toc').forEach(initToc);
|
||||
scope.querySelectorAll('.aksrt-widget-quote').forEach(initQuote);
|
||||
|
||||
Reference in New Issue
Block a user