diff --git a/README.md b/README.md index 93e513e..867d9be 100755 --- a/README.md +++ b/README.md @@ -6,6 +6,7 @@ 1. 修复导航栏居中显示失效、分享海报高度、页码更新异常 2. 优化上一页动画效果 3. 新增页面底部页码跳转功能 +4. 重构课外书（依赖豆瓣插件v1.2.2-3，模板端处理） #### v1.2.5-8 1. 重写作文目录、置顶样式 diff --git a/templates/assets/css/anian.css b/templates/assets/css/anian.css index d203254..e9f47e2 100644 --- a/templates/assets/css/anian.css +++ b/templates/assets/css/anian.css @@ -584,42 +584,7 @@ } } -#douban_pagination { - display: none; - padding: 30px; - text-align: center; - align-items: center; - justify-content: center; - border-top: 1px solid var(--pix-background); -} - -#douban_pagination .post-paging { - display: flex; - align-items: center; - justify-content: center; - min-height: 38px; -} - -#douban_pagination a { - padding: 10px 15px; - background: var(--pix-theme); - color: #fff; - border-radius: 8px; - display: inline-flex; - align-items: center; - justify-content: center; - flex: none; - width: auto; - text-align: center; -} - -#douban_pagination .douban-more-loading { - display: inline-flex; - align-items: center; - justify-content: center; -} - -.douban_page #douban_item { +.douban_page #post_item { padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); @@ -628,25 +593,34 @@ align-items: center; } -.douban_page #douban_item .loading_box { +.douban_page #post_item .loading_box { text-align: center; grid-column: 1 / -1; } -.douban_page #douban_item .douban_card_item { +.douban_page #post_item > .no-results { + grid-column: 1 / -1; + width: 100%; +} + +.douban_page #post_item > #prev_pagination { + grid-column: 1 / -1; +} + +.douban_page #post_item .douban_card_item { width: 100%; margin: 0; - padding: 0 40px; + padding: 0 20px; border-right: 1px solid #e5e7eb; display: flex; align-items: flex-start; } -.douban_page #douban_item .douban_card_item:nth-child(2n) { +.douban_page #post_item .douban_card_item:nth-child(2n) { border-right: none; } -.douban_page #douban_item .douban_card_inner { +.douban_page #post_item .douban_card_inner { display: grid !important; grid-template-columns: 100px 1fr; grid-template-rows: auto auto 1fr; @@ -658,7 +632,7 @@ align-items: start; } -.douban_page #douban_item .douban_media_col { +.douban_page #post_item .douban_media_col { width: 100px; display: flex; flex-direction: column; @@ -669,16 +643,16 @@ } -.douban_page #douban_item { +.douban_page #post_item { align-items: stretch !important; } -.douban_page #douban_item .douban_poster_link, -.douban_page #douban_item .douban_poster_img { +.douban_page #post_item .douban_poster_link, +.douban_page #post_item .douban_poster_img { width: 100px; } -.douban_page #douban_item .douban_poster_img { +.douban_page #post_item .douban_poster_img { display: block; height: 140px; object-fit: cover; @@ -687,34 +661,75 @@ } -.douban_page #douban_item .douban_rating_wrap { +.douban_page #post_item .douban_rating_wrap { display: none; } -.douban_page #douban_item .douban_text_col { +.douban_page #post_item .douban_text_col { display: contents; } -.douban_page #douban_item .douban_title_row { +.douban_page #post_item .douban_title_row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 10px; grid-column: 1 / -1; grid-row: 1; margin-bottom: 6px; text-align: left; } -.douban_page #douban_item .douban_title_text { +.douban_page #post_item .douban_title_text { + min-width: 0; + overflow: hidden; color: var(--pix-theme); font-size: 16px; line-height: 1.35; font-weight: 650; text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; } -.douban_page #douban_item .douban_title_text:hover { - color: rgb(28, 156, 90); +.douban_page #post_item .douban_title_text:hover { + color: var(--hilight-color); } -.douban_page #douban_item .douban_sub_meta { +.douban_page #post_item .douban_title_text_plain, +.douban_page #post_item .douban_title_text_plain:hover { + color: #000; +} + +.douban_page #post_item .douban_detail_link { + flex: 0 0 auto; + width: auto; + height: auto; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 3px 5px; + border-radius: 4px; + color: var(--pix-theme); + font-size: 13px; + line-height: 1.4; + text-decoration: none; + visibility: hidden; + pointer-events: none; + transition: color 0.2s ease, background-color 0.2s ease; +} + +.douban_page #post_item .douban_detail_link.is-visible { + visibility: visible; + pointer-events: auto; +} + +.douban_page #post_item .douban_detail_link:hover { + background: var(--pix-background); + color: var(--hilight-color); +} + +.douban_page #post_item .douban_sub_meta { display: flex; align-items: center; gap: 0px; @@ -725,24 +740,24 @@ align-self: start; } -.douban_page #douban_item .douban_time_text { +.douban_page #post_item .douban_time_text { display: inline-block; padding: 3px 8px; border-radius: 6px; background: rgba(168, 85, 247, 0.12); - color: #a855f7; + color: #8b5cf6; font-size: 12px; line-height: 1.4; font-weight: 500; margin-right: 7px; } -.douban_page #douban_item .douban_type_badge { +.douban_page #post_item .douban_type_badge { display: inline-block; padding: 3px 8px; border-radius: 6px; - background: rgba(56, 189, 248, 0.14); - color: #0369a1; + background: rgba(14, 165, 233, 0.13); + color: #0284c7; font-size: 12px; line-height: 1.4; vertical-align: middle; @@ -750,7 +765,7 @@ margin-right: 7px; } -.douban_page #douban_item .douban_score_badge { +.douban_page #post_item .douban_score_badge { display: inline-block; padding: 3px 8px; border-radius: 6px; @@ -762,30 +777,25 @@ font-weight: 500; } -.douban_page #douban_item .douban_content_box { - color: #374151; +.douban_page #post_item .douban_content_box { + color: #55716a; grid-column: 2; grid-row: 3; align-self: start; } -.douban_page #douban_item .douban_content_main { +.douban_page #post_item .douban_content_main { margin: 0; font-size: 14px; line-height: 1.6; - color: #1f2937; - display: block; + color: #43584d; + display: -webkit-box; overflow: hidden; - max-height: 89.6px; - transition: max-height 0.35s ease; - will-change: max-height; + -webkit-box-orient: vertical; + -webkit-line-clamp: 5; } -.douban_page #douban_item .douban_content_main.is-expanded { - max-height: 10000px; -} - -.douban_page #douban_item .douban_expand_btn { +.douban_page #post_item .douban_expand_btn { display: inline-block; padding: 0; color: var(--pix-theme); @@ -798,30 +808,58 @@ line-height: 1.6; } -.douban_page #douban_item .douban_content_meta { +.douban_page #post_item .douban_content_meta { margin: 8px 0 0; font-size: 12px; - color: #6b7280; + color: #76937f; line-height: 1.5; } @media only screen and (max-width:1359px) { - .douban_page #douban_item { + .douban_page #post_item { grid-template-columns: 1fr; } - .douban_page #douban_item .douban_card_item { + .douban_page #post_item .douban_card_item { border-right: none !important; } } @media only screen and (max-width:540px) { - .douban_page #douban_item .douban_card_item { - padding: 0 15px; + .douban_page #post_item .douban_card_item { + padding: 0 10px; } - .douban_page #douban_item .douban_card_inner { + .douban_page #post_item .douban_card_inner { column-gap: 11px; row-gap: 0px; } -} \ No newline at end of file +} + +.douban_detail_page #post_item { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.douban_detail_page #post_item .douban_card_item { + grid-column: 1 / -1; + border-right: none; +} + +.douban_detail_page #post_item .douban_detail_link { + display: none; +} + +.douban_detail_page #post_item .douban_title_text { + overflow: visible; + text-overflow: clip; + white-space: normal; + overflow-wrap: anywhere; +} + +.douban_detail_page #post_item .douban_content_main { + display: block; + overflow: visible; + overflow-wrap: anywhere; + -webkit-line-clamp: unset; + -webkit-box-orient: initial; +} diff --git a/templates/assets/js/anian.js b/templates/assets/js/anian.js index ff2f741..836ec69 100644 --- a/templates/assets/js/anian.js +++ b/templates/assets/js/anian.js @@ -246,446 +246,26 @@ function confirmPixarAction() { customLogout(); } -// 豆瓣页：分类筛选 + AJAX加载（不依赖 finder API） -function init_douban_page() { - var $page = $('.douban_page'); - if ($page.length === 0) { - return; - } +function initDoubanDetailLinks() { + document.querySelectorAll('.douban_page:not(.douban_detail_page) .douban_card_item').forEach(function (card) { + var link = card.querySelector('.douban_detail_link'); + var title = card.querySelector('.douban_title_text'); + var content = card.querySelector('.douban_content_main'); - var $list = $('#douban_item'); - var $pagination = $('#douban_pagination'); - var $paginationBtn = $('#douban_pagination a'); - - if ($list.length === 0 || $paginationBtn.length === 0) { - return; - } - - var state = { - page: 1, - size: 10, - type: '', - loading: false - }; - - function escapeHtml(input) { - if (input === null || input === undefined) { - return ''; - } - return String(input) - .replace(/&/g, '&') - .replace(//g, '>') - .replace(/"/g, '"') - .replace(/'/g, '''); - } - - function formatTime(isoTime) { - if (!isoTime) { - return '--'; - } - var date = new Date(isoTime); - if (Number.isNaN(date.getTime())) { - return '--'; - } - var year = date.getFullYear(); - var month = String(date.getMonth() + 1).padStart(2, '0'); - var day = String(date.getDate()).padStart(2, '0'); - return year + '-' + month + '-' + day; - } - - function buildRequestUrl(page, type) { - var query = new URLSearchParams({ - page: String(page), - size: String(state.size) - }); - if (type) { - query.append('type', type); - } - return '/apis/api.douban.moony.la/v1alpha1/doubanmovies?' + query.toString(); - } - - function renderEmpty() { - return '
暂无内容
'; - } - - function parseScoreValue(rawScore) { - if (rawScore === null || rawScore === undefined || rawScore === '') { - return null; - } - var scoreText = String(rawScore); - var matched = scoreText.match(/(\d+(?:\.\d+)?)/); - if (!matched || !matched[1]) { - return null; - } - var scoreNumber = parseFloat(matched[1]); - if (Number.isNaN(scoreNumber)) { - return null; - } - if (scoreNumber < 0) { - scoreNumber = 0; - } - if (scoreNumber > 5) { - scoreNumber = 5; - } - return scoreNumber; - } - - function renderTypeNav(typeList) { - var $navList = $('.douban_cat_nav ul'); - if ($navList.length === 0) { + if (!link || !title || !content) { return; } - var navHtml = ['
  • 全部
    • ']; - var seen = {}; - - if (Array.isArray(typeList)) { - typeList.forEach(function (item) { - var key = item && item.key !== undefined && item.key !== null ? String(item.key).trim() : ''; - if (!key || seen[key]) { - return; - } - seen[key] = true; - var safeKey = escapeHtml(key); - navHtml.push('
  • ' + safeKey + '
    • '); - }); - } - - $navList.html(navHtml.join('')); - } - - function renderScore(rawScore) { - var scoreValue = parseScoreValue(rawScore); - if (scoreValue === null) { - return '暂无评分'; - } - var formatted = scoreValue.toFixed(1); - return formatted + ' / 5.0'; - } - - function renderItem(item) { - var spec = item && item.spec ? item.spec : {}; - var faves = item && item.faves ? item.faves : {}; - var name = escapeHtml(spec.name || '未命名条目'); - var link = escapeHtml(spec.link || 'javascript:void(0);'); - var poster = escapeHtml(spec.poster || '/themes/theme-pix/assets/img/theme/banner-all.webp'); - var rawScore = faves.score || spec.score || ''; - var createTime = escapeHtml(formatTime(faves.createTime)); - var dataType = escapeHtml(spec.type || '--'); - var contentText = escapeHtml(spec.cardSubtitle || '暂无内容简介'); - var pid = escapeHtml((item.metadata && item.metadata.name) || ('douban-' + Date.now())); - var scoreText = renderScore(rawScore); - - return '' + - '
    ' + - '
    ' + - '
    ' + - '
    ' + - ' ' + - ' ' + name + - ' ' + - '
    ' + - '
    ' + - ' ' + name + '' + - '
    ' + - '
    ' + - ' ' + - ' ' + dataType + '' + - ' ' + escapeHtml(scoreText) + '' + - '
    ' + - '
    ' + - '

    ' + contentText + '

    ' + - ' ' + - '
    ' + - '
    ' + - '
    ' + - '
    '; - } - - function updatePagination(hasNext, nextPage) { - if (hasNext) { - $paginationBtn - .attr('data-next-page', String(nextPage)) - .attr('data', String(nextPage)) - .text((window.Theme && Theme.site_page) ? Theme.site_page : '翻阅更多') - .show(); - $pagination.removeClass('u-hide').css('display', 'flex'); - } else { - $paginationBtn.removeAttr('data-next-page').removeAttr('data'); - $paginationBtn.hide(); - $pagination.hide(); - } - } - - function renderList(data, isAppend) { - var items = (data && data.items) ? data.items : []; - if (!isAppend) { - $list.empty(); - } - if (items.length === 0 && !isAppend) { - $list.html(renderEmpty()); - updatePagination(false, 1); - return; - } - - var html = items.map(renderItem).join(''); - $list.append($(html).fadeIn(300)); - if (typeof lazyLoadInstance !== 'undefined') { - lazyLoadInstance.update(); - } - if (typeof initializeMomentFold === 'function') { - initializeMomentFold(); - } - initializeDoubanExpand(); - updatePagination(!!data.hasNext, (data.page || state.page) + 1); - } - - function initializeDoubanExpand() { - var collapsedHeight = 89.6; - $(document).off('click.doubanExpand', '.douban_expand_btn').on('click.doubanExpand', '.douban_expand_btn', function (e) { - e.preventDefault(); - var $btn = $(this); - var $content = $btn.prev('.douban_content_main'); - if ($content.length === 0) { - return; - } - if ($content.hasClass('is-expanded')) { - $content.removeClass('is-expanded'); - $content.css('max-height', collapsedHeight + 'px'); - $btn.text('展开'); - } else { - var contentEl = $content[0]; - var fullHeight = $content.data('fullHeight') || (contentEl ? contentEl.scrollHeight : 0); - $content.addClass('is-expanded'); - $content.css('max-height', fullHeight + 'px'); - $btn.text('收起'); - } - }); - - $('.douban_content_main').each(function () { - var $content = $(this); - var $btn = $content.next('.douban_expand_btn'); - if ($btn.length === 0) { - return; - } - var scrollHeight = this.scrollHeight; - var clientHeight = this.clientHeight; - if (scrollHeight > clientHeight) { - $btn.show(); - $content.data('fullHeight', scrollHeight); - $content.css('max-height', collapsedHeight + 'px'); - } - }); - } - - function requestList(page, type, isAppend, hooks) { - hooks = hooks || {}; - if (state.loading) { - return; - } - state.loading = true; - var appendStartIndex = isAppend ? $list.children('.p_item').length : 0; - var oldState = { - listHtml: $list.html(), - paginationVisible: $pagination.is(':visible'), - btnVisible: $paginationBtn.is(':visible'), - btnText: $paginationBtn.text(), - btnNextPage: $paginationBtn.attr('data-next-page') - }; - var apiUrl = buildRequestUrl(page, type); - - $.ajax({ - type: 'GET', - url: apiUrl, - dataType: 'json', - beforeSend: function () { - if (!isAppend) { - $list.html('
    '); - $pagination.hide(); - } else { - $paginationBtn.hide(); - if ($('#douban_pagination .douban-more-loading').length === 0) { - $('#douban_pagination .post-paging').append('
    '); - } - $pagination.css('display', 'flex'); - } - }, - success: function (data) { - state.page = page; - renderList(data || {}, !!isAppend); - if (typeof hooks.onSuccess === 'function') { - hooks.onSuccess(data || {}); - } - if (isAppend) { - var $newItems = $list.children('.p_item').slice(appendStartIndex); - if ($newItems.length > 0) { - var $scrollBody = (typeof $body !== 'undefined') ? $body : $('html,body'); - var targetTop = $newItems.first().offset().top - 58; - if (!window.scroll_param || (!window.loadMoreTimeout && window.scroll_param > targetTop)) { - $scrollBody.animate({ scrollTop: targetTop }, 500); - } else { - window.forceStopLoading = true; - } - } - } - }, - error: function () { - cocoMessage.error('数据获取失败'); - if (!isAppend) { - if ($.trim(oldState.listHtml || '') !== '') { - $list.html(oldState.listHtml); - } else { - $list.html(renderEmpty()); - } - } - if (oldState.paginationVisible) { - $pagination.css('display', 'flex'); - } else { - $pagination.hide(); - } - if (oldState.btnVisible) { - $paginationBtn.show(); - } else { - $paginationBtn.hide(); - } - if (oldState.btnText) { - $paginationBtn.text(oldState.btnText); - } - if (oldState.btnNextPage) { - $paginationBtn.attr('data-next-page', oldState.btnNextPage); - $paginationBtn.attr('data', oldState.btnNextPage); - } - if (typeof hooks.onError === 'function') { - hooks.onError(); - } - }, - complete: function () { - state.loading = false; - $('#douban_pagination .douban-more-loading').remove(); - $('.douban_cat_nav .cat-link').removeClass('disabled'); - $paginationBtn.text((window.Theme && Theme.site_page) ? Theme.site_page : '翻阅更多'); - } - }); - } - - $(document).off('click.doubanCat', '.douban_cat_nav .cat-link').on('click.doubanCat', '.douban_cat_nav .cat-link', function () { - var $this = $(this); - if ($this.hasClass('disabled')) { - return false; - } - if ($this.hasClass('active')) { - if (window._tagSwitchCallback) { - window._tagSwitchCallback.resolve(); - window._tagSwitchCallback = null; - } - return false; - } - - $('.douban_cat_nav .cat-link').addClass('disabled'); - - var $activeBefore = $('.douban_cat_nav .cat-link.active'); - var oldType = state.type; - var targetType = $this.attr('data-type') || ''; - var targetTag = $this.clone().find('span').remove().end().text().trim(); - - state.page = 1; - state.type = targetType; - - requestList(1, state.type, false, { - onSuccess: function () { - $this.addClass('active').parent().siblings().children('.cat-link').removeClass('active'); - if (window.pix && typeof pix.centerCategoryNavActive === 'function') { - pix.centerCategoryNavActive($this); - } - - var currentUrl = new URL(window.location.href); - if (!targetTag || targetTag === '全部') { - currentUrl.searchParams.delete('tag'); - } else { - currentUrl.searchParams.set('tag', targetTag); - } - history.pushState({ url: currentUrl.pathname + currentUrl.search }, '', currentUrl.pathname + currentUrl.search); - - // 分类切换后重置分页记录，避免自动恢复加载旧分类页数 - $.removeCookie('page', { path: '/' }); - - if (window._tagSwitchCallback) { - window._tagSwitchCallback.resolve(); - window._tagSwitchCallback = null; - } - }, - onError: function () { - state.type = oldType; - if ($activeBefore.length > 0) { - $activeBefore.addClass('active').parent().siblings().children('.cat-link').removeClass('active'); - } - if (window._tagSwitchCallback) { - window._tagSwitchCallback.reject(); - window._tagSwitchCallback = null; - } - } - }); - return false; - }); - - $(document).off('click.doubanMore', '#douban_pagination a').on('click.doubanMore', '#douban_pagination a', function () { - if (state.loading) { - return false; - } - var pageAttr = $(this).attr('data-next-page') || $(this).attr('data'); - var nextPage = parseInt(pageAttr, 10); - if (!nextPage || Number.isNaN(nextPage)) { - return false; - } - requestList(nextPage, state.type, true, { - onSuccess: function () { - // 与 app.js 现有逻辑保持一致：记录当前已加载到的页码 - $.cookie('page', nextPage, { path: '/' }); - } - }); - return false; - }); - - function applyUrlTagState() { - var urlTag = new URLSearchParams(window.location.search).get('tag'); - if (urlTag && urlTag.trim() !== '') { - var $matchedTag = $('.douban_cat_nav .cat-link').filter(function () { - var tagText = $(this).clone().find('span').remove().end().text().trim(); - return tagText === urlTag; - }).first(); - if ($matchedTag.length > 0) { - $matchedTag.addClass('active').parent().siblings().children('.cat-link').removeClass('active'); - if (window.pix && typeof pix.centerCategoryNavActive === 'function') { - pix.centerCategoryNavActive($matchedTag); - } - state.type = $matchedTag.attr('data-type') || ''; - } else { - state.type = $('.douban_cat_nav .cat-link.active').attr('data-type') || ''; - } - } else { - state.type = $('.douban_cat_nav .cat-link.active').attr('data-type') || ''; - if (window.pix && typeof pix.centerCategoryNavActive === 'function') { - pix.centerCategoryNavActive($('.douban_cat_nav .cat-link.active').first()); - } - } - } - - $.ajax({ - type: 'GET', - url: '/apis/api.douban.moony.la/v1alpha1/doubanmovies/-/types', - dataType: 'json', - success: function (data) { - var typeList = Array.isArray(data) ? data : ((data && Array.isArray(data.items)) ? data.items : []); - renderTypeNav(typeList); - }, - complete: function () { - applyUrlTagState(); - requestList(1, state.type, false); - } + var titleOverflow = title.scrollWidth > title.clientWidth; + var contentOverflow = content.scrollHeight > content.clientHeight + 1; + link.classList.toggle('is-visible', titleOverflow || contentOverflow); }); } +document.addEventListener('pjax:complete', initDoubanDetailLinks); +document.addEventListener('DOMContentLoaded', initDoubanDetailLinks); +window.addEventListener('resize', initDoubanDetailLinks); + // 打开确认模态框 function openModal(title, msg, type) { var modal = $('#momentsDeleteModal'); @@ -699,32 +279,5 @@ function openModal(title, msg, type) { modal.fadeIn(200); } - - - - - - - - -// = = = = = = = = = = = = = = = = 触发器 = = = = = = = = = = = = = = = = - -// 集合：PJAX（初始化执行+PJAX执行） -function init_anian_pjax() { - // modify_moment_video_size(); - init_douban_page(); -} - -// 集合：初始化（仅初始化执行一次） -function init_anian_inport() { - init_anian_pjax(); - modify_m_bottom_music_button_link(); -} - -// PJAX监听 -document.addEventListener('pjax:complete', function () { - init_anian_pjax(); -}) - -// 入口 -init_anian_inport(); \ No newline at end of file +// 主题通用交互初始化 +modify_m_bottom_music_button_link(); diff --git a/templates/assets/js/app.js b/templates/assets/js/app.js index ffa0acb..5b3031e 100644 --- a/templates/assets/js/app.js +++ b/templates/assets/js/app.js @@ -245,6 +245,7 @@ function getPreviousPageContext() { initAgree(); if (typeof lazyLoadInstance !== 'undefined') lazyLoadInstance.update(); initializeMomentFold(); + initDoubanDetailLinks(); } }; } @@ -1239,9 +1240,6 @@ $(document).on('click', '.moment_cat_nav ul li a', function () { // ajax分类筛选朋友圈 $(document).on('click', '.friends_cat_nav .cat-link', function () { var $this = $(this); - if ($this.closest('.douban_cat_nav').length > 0) { - return; - } if ($this.hasClass('disabled')) { return false; } @@ -1296,6 +1294,7 @@ $(document).on('click', '.friends_cat_nav .cat-link', function () { if (typeof lazyLoadInstance !== 'undefined') lazyLoadInstance.update(); $('.friends_cat_nav .cat-link').removeClass('disabled'); initializeMomentFold(); + initDoubanDetailLinks(); // 更新浏览器历史状态 if (typeof url === 'string') { @@ -1503,6 +1502,7 @@ $(document).on('click', '#t_pagination a', function () { initAgree(); if (typeof lazyLoadInstance !== 'undefined') lazyLoadInstance.update(); initializeMomentFold(); + initDoubanDetailLinks(); syncPageParamToUrl(currentPage); } else { $('#t_pagination a').hide(); @@ -1548,6 +1548,9 @@ $(document).ready(function () { paginationSelector: '#p_pagination' }); + $photosItem.empty(); + $('#p_pagination a').hide(); + $.ajax({ type: "GET", url: url, @@ -3114,26 +3117,7 @@ function anianxSpeedFetchXiehouyuWithTimeout(timeout) { } function initjump() { - // 功能1：自定义页面tag接管（后续在自定义测实现，当前为过度） - const targetPaths = ['/douban']; - const pathname = window.location.pathname; - const urlParams = new URLSearchParams(window.location.search); - const activeTag = urlParams.get('tag')?.trim(); - // 同时存在tag、且当前路径在集合内，才执行点击逻辑，不满足直接跳过 - if (activeTag && targetPaths.includes(pathname)) { - // 统一导航按钮选择器 - const navSelector = '.douban_cat_nav ul li a'; - const targetLink = $(navSelector).filter(function () { - const linkText = $(this).clone().find('span').remove().end().text().trim(); - return linkText === activeTag; - }); - // 匹配到元素则模拟点击 - if (targetLink.length) { - targetLink.trigger('click'); - } - } - - // 功能2：登录登出、发布更新等操作后，显示提示信息 + // 登录登出、发布更新等操作后，显示提示信息 let closeLoading = null; const loadType = $.cookie('load_type'); if (loadType) { diff --git a/templates/douban-detail.html b/templates/douban-detail.html new file mode 100644 index 0000000..f1c7a1c --- /dev/null +++ b/templates/douban-detail.html @@ -0,0 +1,33 @@ + + + + + +
    + + + +
    +
    +
    + +
    + + + + +
    + +
    + +
    +
    +
    + + + +
    +     + + diff --git a/templates/douban.html b/templates/douban.html index 7fc156f..f0e55a5 100644 --- a/templates/douban.html +++ b/templates/douban.html @@ -1,42 +1,99 @@ - - - - - -
    - - - -
    - -
    -
    - -
    - -
    - -
    - -
    -
    - -
    -
    - -
    - -
    -
    - -
    - - - -
    -     - - \ No newline at end of file + + + + + +
    + + + +
    + +
    +
    + +
    + +
    + +
    + + + + + + + + +
    + + +
    +
    + + +
    + 转到 + + + + + + + / [[${doubanPage.totalPages}]] + +
    + +
    +
    +     + +
    + +
    +
    + +
    + + + +
    +     + + diff --git a/templates/macro/douban-item.html b/templates/macro/douban-item.html new file mode 100644 index 0000000..f4c3df8 --- /dev/null +++ b/templates/macro/douban-item.html @@ -0,0 +1,63 @@ + + +
    + +
    +
    +
    + + 豆瓣条目 + + + 豆瓣条目 + + + 详情 + +
    + +
    + + + +
    + +
    + + 类型 + 评分 +
    + +
    +

    + 暂无简介 +

    +

    + + +

    +
    +
    +
    +
    +