299 行
12 KiB
HTML
299 行
12 KiB
HTML
{extend name="web/official_common/pc/base" /} {block name="content"}
|
|
<!-- 纳海川官方网站 现代中式技术文章与资讯详情页 开始 -->
|
|
<div class="nhc-article-detail-wrap">
|
|
<div class="nhc-container" style="max-width: 980px">
|
|
<!-- 面包屑导航 -->
|
|
<nav class="nhc-breadcrumb">
|
|
<a href="/">{:__l('index','Website homepage')}</a>
|
|
<span class="sep">></span>
|
|
<a
|
|
href="{:addon_url('official/web.official_journalism/list',[':pid'=>6,':sid'=>6])}"
|
|
>新闻资讯</a
|
|
>
|
|
<span class="sep">></span>
|
|
<a
|
|
href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid')])}"
|
|
>{:ze($category,'name')}</a
|
|
>
|
|
<span class="sep">></span>
|
|
<span style="color: var(--text-primary); font-weight: 500"
|
|
>正文</span
|
|
>
|
|
</nav>
|
|
|
|
<!-- 文章主体卡片 -->
|
|
<article
|
|
style="
|
|
background: #ffffff;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--radius-sm);
|
|
padding: 48px;
|
|
box-shadow: var(--shadow-subtle);
|
|
"
|
|
>
|
|
<!-- 文章头部信息 -->
|
|
<header class="nhc-article-header">
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin-bottom: 16px;
|
|
"
|
|
>
|
|
<span class="nhc-seal">纳海川研发</span>
|
|
<span class="nhc-article-category-badge"
|
|
>{:ze($category,'name')}</span
|
|
>
|
|
</div>
|
|
<h1 class="nhc-article-detail-title">{$data['title']}</h1>
|
|
|
|
<div class="nhc-article-detail-meta">
|
|
{if !empty($data['source'])}
|
|
<span>
|
|
<svg
|
|
width="14"
|
|
height="14"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
>
|
|
<path
|
|
d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
|
|
/>
|
|
<circle cx="12" cy="7" r="4" />
|
|
</svg>
|
|
<strong>出处：</strong>
|
|
{if !empty($data['source_url'])}
|
|
<a
|
|
href="{$data['source_url']}"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
style="color: var(--primary)"
|
|
>{$data['source']}</a
|
|
>
|
|
{else/}
|
|
<span>{$data['source']}</span>
|
|
{/if}
|
|
</span>
|
|
{/if}
|
|
<span>
|
|
<svg
|
|
width="14"
|
|
height="14"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
>
|
|
<rect
|
|
x="3"
|
|
y="4"
|
|
width="18"
|
|
height="18"
|
|
rx="2"
|
|
ry="2"
|
|
/>
|
|
<line x1="16" y1="2" x2="16" y2="6" />
|
|
<line x1="8" y1="2" x2="8" y2="6" />
|
|
<line x1="3" y1="10" x2="21" y2="10" />
|
|
</svg>
|
|
{:date('Y-m-d H:i', $data['createtime'])}
|
|
</span>
|
|
<span>
|
|
<svg
|
|
width="14"
|
|
height="14"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
>
|
|
<path
|
|
d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
|
|
/>
|
|
<circle cx="12" cy="12" r="3" />
|
|
</svg>
|
|
阅读浏览 {$data['click']} 次
|
|
</span>
|
|
<span>
|
|
<svg
|
|
width="14"
|
|
height="14"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
>
|
|
<circle cx="12" cy="12" r="10" />
|
|
<polyline points="12 6 12 12 14 14" />
|
|
</svg>
|
|
纳海川技术团队
|
|
</span>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 文章摘要引用条 -->
|
|
{if !empty($data['subheading'])}
|
|
<div
|
|
style="
|
|
background: #f8fafc;
|
|
border-left: 3px solid var(--primary);
|
|
padding: 16px 20px;
|
|
margin-bottom: 32px;
|
|
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
|
|
font-size: 14px;
|
|
color: var(--text-secondary);
|
|
line-height: 1.7;
|
|
"
|
|
>
|
|
<strong>核心要点：</strong>{$data['subheading']}
|
|
</div>
|
|
{/if}
|
|
|
|
<!-- 正文区域 -->
|
|
<div class="nhc-article-body">
|
|
{$data['content']|htmlspecialchars_decode}
|
|
</div>
|
|
|
|
<!-- 文末技术团队说明与咨询 -->
|
|
<div
|
|
style="
|
|
margin-top: 48px;
|
|
padding: 24px;
|
|
background: #f8fafc;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 16px;
|
|
"
|
|
>
|
|
<div
|
|
style="
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: var(--radius-sm);
|
|
background: var(--primary);
|
|
color: #ffffff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
flex-shrink: 0;
|
|
"
|
|
>
|
|
川
|
|
</div>
|
|
<div>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin-bottom: 6px;
|
|
"
|
|
>
|
|
<span
|
|
style="
|
|
font-family: var(--font-serif);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
color: var(--text-primary);
|
|
"
|
|
>贵阳纳海川科技有限公司 · 技术团队</span
|
|
>
|
|
<span
|
|
class="nhc-seal"
|
|
style="font-size: 10px; padding: 1px 6px"
|
|
>技术分享</span
|
|
>
|
|
</div>
|
|
<p
|
|
style="
|
|
font-size: 13px;
|
|
color: var(--text-secondary);
|
|
line-height: 1.6;
|
|
margin: 0;
|
|
"
|
|
>
|
|
本文由纳海川技术团队整理发布。贵阳纳海川科技专注于企业软件定制、移动端与小程序开发、AI应用及商业数字化系统建设，坚持交付完整工程源码与开发文档，支持私有化部署。如需业务咨询或技术交流，欢迎随时联系我们。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 上一篇与下一篇导航结构 (info_previous_next_wrap) -->
|
|
<div class="info_previous_next_wrap nhc-article-nav-wrap">
|
|
<div class="nhc-article-nav-grid">
|
|
<div class="Previous">
|
|
{if empty($before)}
|
|
<div
|
|
class="nhc-article-nav-item"
|
|
style="opacity: 0.6; cursor: not-allowed"
|
|
>
|
|
<span class="nhc-article-nav-label"
|
|
>上一篇动态</span
|
|
>
|
|
<span class="nhc-article-nav-title"
|
|
>{:__l('index','There no data')}</span
|
|
>
|
|
</div>
|
|
{else/}
|
|
<a
|
|
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$before['id']])}"
|
|
class="nhc-article-nav-item"
|
|
title="{$before['title']}"
|
|
>
|
|
<span class="nhc-article-nav-label"
|
|
>← 上一篇动态</span
|
|
>
|
|
<span class="nhc-article-nav-title"
|
|
>{$before['title']}</span
|
|
>
|
|
</a>
|
|
{/if}
|
|
</div>
|
|
|
|
<div class="Next">
|
|
{if empty($after)}
|
|
<div
|
|
class="nhc-article-nav-item"
|
|
style="
|
|
opacity: 0.6;
|
|
cursor: not-allowed;
|
|
text-align: right;
|
|
"
|
|
>
|
|
<span class="nhc-article-nav-label"
|
|
>下一篇动态</span
|
|
>
|
|
<span class="nhc-article-nav-title"
|
|
>{:__l('index','There no data')}</span
|
|
>
|
|
</div>
|
|
{else/}
|
|
<a
|
|
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$after['id']])}"
|
|
class="nhc-article-nav-item"
|
|
style="text-align: right"
|
|
title="{$after['title']}"
|
|
>
|
|
<span class="nhc-article-nav-label"
|
|
>下一篇动态 →</span
|
|
>
|
|
<span class="nhc-article-nav-title"
|
|
>{$after['title']}</span
|
|
>
|
|
</a>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
<!-- 现代中式技术文章与资讯详情页 结束 -->
|
|
{/block}
|