121 行
7.6 KiB
HTML
121 行
7.6 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;">
|
||
本文由纳海川资深系统架构师团队撰写并审校。纳海川坚持测试驱动开发（TDD）与完整工程源码移交，立足西南数谷、服务全国实体客户。如需系统架构评审或专有云部署咨询，欢迎联系技术委员会。
|
||
</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} |