debug
This commit is contained in:
make
271
code/app/home/view/kuangYu/pc/user/index.html
Normal file
271
code/app/home/view/kuangYu/pc/user/index.html
Normal file
@@ -0,0 +1,271 @@
|
||||
{extend name="basePcUser" /}
|
||||
{block name="title"}{$strTitle??''}{/block}
|
||||
{block name="keywords"}{$strKeywords??''}{/block}
|
||||
{block name="description"}{$strDescription??''}{/block}
|
||||
{block name="head"}
|
||||
<!-- 社交媒体标签 -->
|
||||
<meta property="og:title" content="{$strTitle??''}" />
|
||||
<meta property="og:description" content="{$strDescription??''}" />
|
||||
<meta property="og:url" content="https://{$DomainModel->d_domain}{$strUserUrlTemp}" />
|
||||
<meta property="og:type" content="article" />
|
||||
<!-- 结构化数据 -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://{$DomainModel->d_domain}{$strUserUrlTemp}",
|
||||
"@type": "article",
|
||||
"headline": "{$strTitle??''}",
|
||||
"description": "{$strDescription??''}",
|
||||
"datePublished": "{:date('Y-m-d')}"
|
||||
}
|
||||
</script>
|
||||
{block name="head-js"}{/block}
|
||||
|
||||
|
||||
{block name="main"}
|
||||
<div class="i-right">
|
||||
<!--bot mod -->
|
||||
<div class="i-bot">
|
||||
<!--left mod -->
|
||||
<div class="l-botMod">
|
||||
<div class="myMod" id="myMod">
|
||||
{$arrGRM[1]|raw}
|
||||
<div class="i-title">
|
||||
我的书架
|
||||
<a href="{$strPcPath}{$strBookShelfUrlTemp}" class="clickMore">查看更多>></a>
|
||||
</div>
|
||||
<ul class="bookUl" id="bookshelf-ul">
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
{$arrGRM[2]|raw}
|
||||
<div class="myMod">
|
||||
<div class="i-title">
|
||||
最近阅读
|
||||
<a href="{$strPcPath}{$strHistoryUrlTemp}" class="clickMore">查看更多>></a>
|
||||
</div>
|
||||
<ul class="bookUl" id="history-ul">
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
{$arrGRM[3]|raw}
|
||||
<div class="myMod hotMod">
|
||||
<div class="i-title">
|
||||
热读作品
|
||||
|
||||
</div>
|
||||
<div class="tabBd">
|
||||
<ul class="hotBookBd ">
|
||||
{volist name="arrMoonRankNovel" id="Novel" key="key"}
|
||||
{include file="pc/public/endNovelList" start="0"/}
|
||||
{/volist}
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{$arrGRM[4]|raw}
|
||||
<!--right mod -->
|
||||
<div class="r-botMod">
|
||||
<div class="myWorks myLike">
|
||||
<div class="i-title">推荐作品</div>
|
||||
<ul>
|
||||
{volist name="arrRecommendEndNovel" id="Novel" key="key"}
|
||||
{$arrGRM[$key]|raw}
|
||||
<li>
|
||||
<a href='{$strPcPath}{site:nurl n_id="$Novel[n_id]" n_py="$Novel[og_novel_pin_yin]"/}'
|
||||
title="{$Novel.og_novel_book_name ?? ''}">
|
||||
<img src="{$Novel.n_cover_path ?? ''}" alt="{$Novel.og_novel_book_name ?? ''}">
|
||||
</a>
|
||||
<p>
|
||||
<a href='{$strPcPath}{site:nurl n_id="$Novel->n_id" n_py="$Novel->og_novel_pin_yin"/}'>
|
||||
<span class="bookName other">{$Novel.og_novel_book_name ?? ''}</span>
|
||||
</a>
|
||||
<a href='{$strPcPath}{site:souurl key="$Novel[og_novel_author]" p="1"/}'>
|
||||
<span class="bookStatus other">{$Novel->og_novel_author ?? ''}</span>
|
||||
</a>
|
||||
<span class="bookBrief">
|
||||
{$Novel.og_description ?? ''}</span>
|
||||
</p>
|
||||
</li>
|
||||
{/volist}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const strNovelUrlTemp = `{$strNovelUrlTemp}`;
|
||||
const strNovelChapterUrlTemp = `{$strNovelChapterUrlTemp}`;
|
||||
const strSearchUrlTemp = `{$strSearchUrlTemp}`;
|
||||
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
displayBookshelfInUser()
|
||||
displayHistoryInUser()
|
||||
})
|
||||
|
||||
// 展示 书架
|
||||
function displayBookshelfInUser() {
|
||||
|
||||
// 获取书架数据
|
||||
const arrBookshelf = JSON.parse(localStorage.getItem('strBookshelfKey')) || [];
|
||||
|
||||
if (arrBookshelf.length === 0) {
|
||||
console.log('书架为空');
|
||||
return;
|
||||
}
|
||||
|
||||
// 渲染书籍列表
|
||||
const DomBookshelfContainer = document.getElementById('bookshelf-ul');
|
||||
DomBookshelfContainer.innerHTML = ''
|
||||
arrBookshelf.forEach(book => {
|
||||
let strNovelUrl = formatNovelUrl(book.og_novel_pin_yin, book.n_id)
|
||||
let strNovelChapterUrl = formatNovelChapterUrl(book.og_novel_pin_yin, book.n_id, book.c_sort_num)
|
||||
let strSearchUrl = formatSearchUrl(book.og_novel_author, 1)
|
||||
const bookElement = document.createElement('li');
|
||||
if (isMobile()) {
|
||||
|
||||
bookElement.innerHTML = `
|
||||
<a href="${strNovelUrl}" alt="${book.og_novel_book_name}" title="${book.og_novel_book_name}">
|
||||
<img src="${book.n_cover_path}">
|
||||
</a>
|
||||
<p>
|
||||
<a href="${strNovelUrl}" >
|
||||
<span class="bookName">${book.og_novel_book_name}</span>
|
||||
</a>
|
||||
<span class="bookStatus">
|
||||
<b class="authorSt"><em>${book.og_novel_status}</em>
|
||||
<a href='${strSearchUrl}'>
|
||||
<em class="none">${book.og_novel_author}</em>
|
||||
</a>
|
||||
</b>
|
||||
<b class="authorSt chapterSt">
|
||||
<a href="${strNovelChapterUrl}" >
|
||||
<em class="ct">${book.c_name}</em>
|
||||
</a>
|
||||
<em class="time">${book.og_novel_update_time}</em></b>
|
||||
</span>
|
||||
<a href="${strNovelChapterUrl}" >
|
||||
<i class="goon">阅读</i>
|
||||
</a>
|
||||
</p>
|
||||
`;
|
||||
} else {
|
||||
bookElement.innerHTML = `
|
||||
<a href="${strPcPath}${strNovelUrl}" alt="${book.og_novel_book_name}" title="${book.og_novel_book_name}">
|
||||
<img src="${book.n_cover_path}">
|
||||
</a>
|
||||
<p>
|
||||
<a href="${strPcPath}${strNovelUrl}" >
|
||||
<span class="bookName">${book.og_novel_book_name}</span>
|
||||
</a>
|
||||
<span class="bookStatus">
|
||||
<b class="authorSt"><em>${book.og_novel_status}</em>
|
||||
<a href='${strPcPath}${strSearchUrl}'>
|
||||
<em class="none">${book.og_novel_author}</em>
|
||||
</a>
|
||||
</b>
|
||||
<b class="authorSt chapterSt">
|
||||
<a href="${strPcPath}${strNovelChapterUrl}" >
|
||||
<em class="ct">${book.c_name}</em>
|
||||
</a>
|
||||
<em class="time">${book.og_novel_update_time}</em></b>
|
||||
</span>
|
||||
<a href="${strPcPath}${strNovelChapterUrl}" >
|
||||
<i class="goon">阅读</i>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
`;
|
||||
}
|
||||
DomBookshelfContainer.appendChild(bookElement);
|
||||
});
|
||||
}
|
||||
|
||||
// 展示 书架
|
||||
function displayHistoryInUser() {
|
||||
|
||||
// 获取书架数据
|
||||
const arrBookshelf = JSON.parse(localStorage.getItem('strHistoryKey')) || [];
|
||||
|
||||
if (arrBookshelf.length === 0) {
|
||||
console.log('书架为空');
|
||||
return;
|
||||
}
|
||||
|
||||
// 渲染书籍列表
|
||||
const DomBookshelfContainer = document.getElementById('history-ul');
|
||||
DomBookshelfContainer.innerHTML = ''
|
||||
arrBookshelf.forEach(book => {
|
||||
let strNovelUrl = formatNovelUrl(book.og_novel_pin_yin, book.n_id)
|
||||
let strNovelChapterUrl = formatNovelChapterUrl(book.og_novel_pin_yin, book.n_id, book.c_sort_num)
|
||||
let strSearchUrl = formatSearchUrl(book.og_novel_author, 1)
|
||||
const bookElement = document.createElement('li');
|
||||
if (isMobile()) {
|
||||
bookElement.innerHTML = `
|
||||
<a href="${strNovelUrl}" alt="${book.og_novel_book_name}" title="${book.og_novel_book_name}">
|
||||
<img src="${book.n_cover_path}">
|
||||
</a>
|
||||
<p>
|
||||
<a href="${strNovelUrl}" >
|
||||
<span class="bookName">${book.og_novel_book_name}</span>
|
||||
</a>
|
||||
<span class="bookStatus">
|
||||
<b class="authorSt"><em>${book.og_novel_status}</em>
|
||||
<a href='${strSearchUrl}'>
|
||||
<em class="none">${book.og_novel_author}</em>
|
||||
</a>
|
||||
</b>
|
||||
<b class="authorSt chapterSt">
|
||||
<a href="${strNovelChapterUrl}" >
|
||||
<em class="ct">${book.c_name}</em>
|
||||
</a>
|
||||
<em class="time">${book.og_novel_update_time}</em></b>
|
||||
</span>
|
||||
<a href="${strNovelChapterUrl}" >
|
||||
<i class="goon">阅读</i>
|
||||
</a>
|
||||
</p>
|
||||
`;
|
||||
} else {
|
||||
bookElement.innerHTML = `
|
||||
<a href="${strPcPath}${strNovelUrl}" alt="${book.og_novel_book_name}" title="${book.og_novel_book_name}">
|
||||
<img src="${book.n_cover_path}">
|
||||
</a>
|
||||
<p>
|
||||
<a href="${strPcPath}${strNovelUrl}" >
|
||||
<span class="bookName">${book.og_novel_book_name}</span>
|
||||
</a>
|
||||
<span class="bookStatus">
|
||||
<b class="authorSt"><em>${book.og_novel_status}</em>
|
||||
<a href='${strSearchUrl}'>
|
||||
<em class="none">${book.og_novel_author}</em>
|
||||
</a>
|
||||
</b>
|
||||
<b class="authorSt chapterSt">
|
||||
<a href="${strPcPath}${strNovelChapterUrl}" >
|
||||
<em class="ct">${book.c_name}</em>
|
||||
</a>
|
||||
<em class="time">${book.og_novel_update_time}</em></b>
|
||||
</span>
|
||||
<a href="${strPcPath}${strNovelChapterUrl}" >
|
||||
<i class="goon">阅读</i>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
`;
|
||||
}
|
||||
DomBookshelfContainer.appendChild(bookElement);
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
{/block}
|
||||
|
||||
{block name="customize"} {/block}
|
||||
Reference in New Issue
Block a user