{extend name="baseH5" /}

{block name="get-data"}

{site:grm page_code="h5_novel_chapter" diff="$Request.url" num="20" g_key="arrGrm" /}
{novel:info n_id="$Request.route.intNovelId" n_key="arrNovel" n_forge_id="0" /}
{chapter:info n_id="$Request.route.intNovelId" c_sort_num="$Request.route.intChapterSort"
c_page="$Request.route.intChapterPage" c_key="arrChapter" /}
{/block}

{block name="title"}{site:replace code="NOVEL@GETNOVELCHAPTER@TITLE"}{/block}
{block name="keywords"}{site:replace code="NOVEL@GETNOVELCHAPTER@KEYWORDS"}{/block}
{block name="description"}{site:replace code="NOVEL@GETNOVELCHAPTER@DESCRIPTION"}{/block}

{block name="head"}

<!-- 社交媒体标签 -->

<meta property="og:title" content="{$arrNovel['n_name']??'未知小说'} {$arrChapter.c_name} - {$DomainModel->d_name}" />
<meta property="og:description" content='{site:replace code="NOVEL@GETNOVELCHAPTER@DESCRIPTION"}' />
<meta property="og:url"
	content='https://{$DomainModel->d_domain}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}' />
<meta property="og:type" content="book" />
<meta property="og:image" content="{$arrNovel.n_cover_path ?? ''}" />
<meta property="og:site_name" content="{$DomainModel->d_name}" />
<meta property="og:novel:category" content="{$arrNovel.n_category ?? ''}">
<meta property="og:novel:author" content="{$arrNovel.n_author ?? ''}">
<meta property="og:novel:book_name" content="{$arrNovel.n_name ?? ''}">
<meta property="og:novel:read_url"
	content='https://{$DomainModel->d_domain}{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrChapter.c_sort_num"/}'>
<meta property="og:novel:status" content="{$arrNovel.n_status ?? ''}">
<meta property="og:novel:update_time" content="{$arrNovel.n_update_time ?? ''}">
<meta property="og:novel:latest_chapter_name" content="{$arrChapter.c_name}">
<meta property="og:novel:latest_chapter_url"
	content='https://{$DomainModel->d_domain}{site:lcpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'>
<!-- 可选：支持 Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{$arrNovel['n_name']??'未知小说'} {$arrChapter.c_name} - {$DomainModel->d_name}" />
<meta name="twitter:description" content="{$strDescription ?? '暂无简介'}" />
<meta name="twitter:image" content="{$arrNovel.n_cover_path ?? ''}" />


<!-- 结构化数据 -->
<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "Book",
		"name": "{$arrNovel['n_name'] ?? '未知小说'}",
		"author": {
			"@type": "Person",
			"name": "{$arrNovel['n_author'] ??'佚名'}"
		},
		"publisher": {
			"@type": "Organization",
			"name": "{$DomainModel->d_name}",
			"url": "https://{$DomainModel->d_domain}"
		},
		"image": "{$arrNovel.n_cover_path ?? ''}",
		"url":'https://{$DomainModel->d_domain}{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrChapter.c_sort_num" c_page="0"/}',
		"inLanguage": "zh-CN",
		"genre": "{$arrNovel.n_category ??''}",
		"datePublished": "{$arrNovel['n_update_time'] ?? time()}",
		"hasPart": {
			"@type": "CreativeWork",
			"name": "{$arrChapter.c_name ?? ''}",
			"url":'https://{$DomainModel->d_domain}{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrChapter.c_sort_num" c_page="0"/}',
			"description": '{site:replace code="NOVEL@GETNOVELCHAPTER@DESCRIPTION"}'
		}
	}
</script>
{/block}

{block name="head-css"}
<link rel="stylesheet" href="/template/shikong/css/novel.css">{/block}

{block name="head-js"}
<script src="/template/default/h5/js/yueduqsbs.js"></script>
{/block}

{block name="body-class"}jjdfjkozd{/block}
{block name="body-id"}kkasdfei{/block}


{block name="logo-html"}
<h2 class="bookname">
	<a href="/" style="color:#ffffff">{$DomainModel->d_name}</a>
</h2>
{/block}






{block name="main"}
<nav class="breadcrumb" aria-label="breadcrumb">
	<ol itemscope itemtype="https://schema.org/BreadcrumbList">
		<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
			<a href="/" itemprop="item">
				<span itemprop="name">首页</span>
			</a>
			<meta itemprop="position" content="1" />
		</li>
		<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
			<?php $arrNovel['n_category_pinyin'] ?? $arrNovel['n_category_pinyin'] = 'all'?>
			<a href='{site:nflurl gender="" category="$arrNovel.n_category_pinyin" order="all" status="all" page="1"/}'
				itemprop="item">
				<span itemprop="name">{$arrNovel.n_category}</span>
			</a>
			<meta itemprop="position" content="2" />
		</li>
		<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
			<a href='{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}' itemprop="item">
				<span itemprop="name">{$arrNovel['n_name']}</span>
			</a>
			<meta itemprop="position" content="3" />
		</li>

	</ol>
</nav>

<h1 class="site-description "><a
		href='{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin"/}'>{$arrNovel['n_name']}最新章节 -
		{$arrChapter.c_name ?? ''}</a></h1>

<div class="layout-root">

	<div id="app" class="active" data-v-app="">
		<div class="view-wrap" id="reader">
			<div style="display:flex;padding:0 5px">
				<div class="go-back flex-center" onclick="history.go(-1)" style="margin-right:10px">
					<div class="svg">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
							<path
								d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z">
							</path>
						</svg>
					</div>
				</div>
				<a href=''>
					<h2 class="novel-reader-title">{$arrChapter.c_name ?? ''}</h2>
				</a>
			</div>


			<div class="top">
				<div data-v-080d7b61="" class="control-page">
					{if $arrChapter['pre_chapter'] && $arrChapter['pre_chapter']['c_sort_num']}
					<a data-v-080d7b61="" class="prev prevPageTop s-btn "
						href='{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrChapter.pre_chapter.c_sort_num" c_page="$arrChapter.pre_chapter.c_page"/}'>
						<i data-v-080d7b61="" class="van-badge__wrapper van-icon van-icon-arrow-left">
						</i>
						<span data-v-080d7b61="" class="lh1 " style="color: #e5353e;"> 上一章</span>
					</a>
					{/if}
					<div data-v-080d7b61="" class="menu s-btn mulu-btn">
						<a style="color: #e5353e;"
							href='{site:nclurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" order="zheng" page="1"/}'>章节列表</a>
					</div>
					{if $arrChapter['next_chapter'] && $arrChapter['next_chapter']['c_sort_num']}
					<a data-v-080d7b61="" class="next nextPageTop s-btn"
						href='{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrChapter.next_chapter.c_sort_num" c_page="$arrChapter.next_chapter.c_page"/}'>
						<span data-v-080d7b61="" class="lh1"> 下一章</span>
						<i data-v-080d7b61="" class="van-badge__wrapper van-icon van-icon-arrow"></i>
					</a>
					{/if}
				</div>
			</div>

			<h1 class="novel-reader-title">{$arrChapter.c_name ?? ''}</h1>

			<div class="content novel-content" style="padding:10px">
				<style>
					.novel-content p {
						margin-bottom: 10px;
						font-size: 0.25rem;
						text-indent: 30px;
					}
				</style>
				{$arrGrm[3]|raw}
				<script>document.writeln(qsbs.bb('{$arrChapter.c_content}'));</script>
				{$arrGrm[4]|raw}

			</div>
			<div class="view-bottom">
				<div data-v-080d7b61="" class="control-page">
					{if $arrChapter['pre_chapter'] && $arrChapter['pre_chapter']['c_sort_num']}
					<div data-v-080d7b61="" class="prev prevPageBottom s-btn   ">
						<i data-v-080d7b61="" class=" van-badge__wrapper van-icon van-icon-arrow-left">
						</i>
						<span data-v-080d7b61="" class="lh1 ">
							<a style="color: #e5353e;"
								href='{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrChapter.pre_chapter.c_sort_num" c_page="$arrChapter.pre_chapter.c_page"/}'>上一章</a></span>
					</div>
					{/if}
					<div data-v-080d7b61="" class="menu s-btn mulu-btn">
						<a style="color: #e5353e;"
							href='{site:nclurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" order="zheng" page="1"/}'>章节列表</a>
					</div>
					{if $arrChapter.next_chapter && $arrChapter.next_chapter.c_sort_num}
					<div data-v-080d7b61="" class="next nextPageBottom s-btn ">
						<span data-v-080d7b61="" class=" lh1 ">
							<a href='{site:cpurl n_id=" $arrNovel.n_id" n_py="$arrNovel.n_name_pinyin"
						c_sort="$arrChapter.next_chapter.c_sort_num" c_page="$arrChapter.next_chapter.c_page" /}'>
								下一章</a>
						</span>
						<i data-v-080d7b61="" class="van-badge__wrapper van-icon van-icon-arrow"></i>
					</div>
					{/if}

				</div>
			</div>


		</div>
	</div>

</div>

<script>
	const strNovelId = `{$arrNovel.n_id}`;
	const arrNovel = {
		'n_id': `{$arrNovel['n_id']}`,
		'n_name_pinyin': `{$arrNovel['n_name_pinyin']}`,
		'n_cover_path': `{$arrNovel['n_cover_path']}`,
		'n_name': `{$arrNovel['n_name']}`,
		'n_author': `{$arrNovel['n_author']}`,
		'n_status': `{$arrNovel['n_status']}`,
		'n_update_time': `{$arrNovel['n_update_time']}`,
		'c_sort_num': 1,
		'c_name': `第一章`,
	};
</script>
{/block}

{block name="customize"}
<!-- <script src="/assets/js/novel-info.js"></script> -->

{/block}