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;">
|
|
本文由纳海川技术团队整理发布。贵阳纳海川科技专注于企业软件定制、移动端与小程序开发、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} |