169 行
6.7 KiB
HTML
169 行
6.7 KiB
HTML
{extend name="web/official_common/pc/base" /} {block name="content"}
|
|
<!-- 纳海川官方网站 现代中式技术洞察与新闻资讯列表 开始 -->
|
|
|
|
<!-- 1. 顶部 Hero Banner -->
|
|
<section class="nhc-article-hero">
|
|
<div class="nhc-container">
|
|
<div class="nhc-article-hero-inner">
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 12px;
|
|
"
|
|
>
|
|
<span class="nhc-seal">技术洞察</span>
|
|
<span
|
|
style="
|
|
font-size: 13px;
|
|
color: var(--primary);
|
|
font-weight: 600;
|
|
letter-spacing: 1px;
|
|
"
|
|
>ENGINEERING & PERSPECTIVES</span
|
|
>
|
|
</div>
|
|
<h1 class="nhc-article-hero-title">
|
|
贵阳纳海川科技 · 技术洞察与研发动态
|
|
</h1>
|
|
<p class="nhc-article-hero-subtitle">
|
|
专注企业级软件定制开发、业务系统架构设计、移动端与小程序开发及企业
|
|
AI 应用。分享务实严谨的技术实践与项目交付经验。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 2. 主体内容区 -->
|
|
<section style="background: var(--bg-primary); padding: 40px 0 72px 0">
|
|
<div class="nhc-container">
|
|
<!-- 分类导航栏 -->
|
|
<div class="nhc-category-bar">
|
|
<div class="nhc-category-tags">
|
|
<a
|
|
href="{:addon_url('official/web.official_journalism/list',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.pid')])}"
|
|
class="nhc-category-tag {if input('param.sid') == input('param.pid') || empty(input('param.sid'))}active{/if}"
|
|
>
|
|
<span>全部动态</span>
|
|
</a>
|
|
{foreach $res['son'] as $subcat}
|
|
<a
|
|
href="{:get_cate_url($subcat)}"
|
|
class="nhc-category-tag {if $subcat['is_choose']}active{/if}"
|
|
>
|
|
<span>{:ze($subcat,'name')}</span>
|
|
</a>
|
|
{/foreach}
|
|
</div>
|
|
<div style="font-size: 13px; color: var(--text-muted)">
|
|
<span>严谨工程实录 · 持续技术积累</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 文章资讯列表：标题、简介、缩略图专业图文排版 -->
|
|
{if count($data) > 0}
|
|
<div class="nhc-news-list">
|
|
{foreach $data as $index => $item}
|
|
<article class="nhc-news-row">
|
|
<a
|
|
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
|
|
class="nhc-news-thumb"
|
|
title="{$item['title']}"
|
|
>
|
|
{if !empty($item['image'])}
|
|
<img
|
|
src="{$item['image']}"
|
|
alt="{$item['title']}"
|
|
loading="lazy"
|
|
/>
|
|
{else/}
|
|
<div
|
|
style="
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #94a3b8;
|
|
font-size: 13px;
|
|
"
|
|
>
|
|
纳海川科技
|
|
</div>
|
|
{/if}
|
|
</a>
|
|
<div class="nhc-news-body">
|
|
<div>
|
|
<div class="nhc-news-meta">
|
|
<span class="nhc-news-badge"
|
|
>{if
|
|
!empty($son_data)}{:ze($son_data,'name')}{else/}{:ze($res,'name')}{/if}</span
|
|
>
|
|
<span class="nhc-news-date"
|
|
>{:date('Y-m-d', $item['createtime'])}</span
|
|
>
|
|
</div>
|
|
<a
|
|
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
|
|
style="text-decoration: none"
|
|
>
|
|
<h2 class="nhc-news-title">{$item['title']}</h2>
|
|
</a>
|
|
<p class="nhc-news-desc">{$item['subheading']}</p>
|
|
</div>
|
|
<div>
|
|
<a
|
|
href="{:addon_url('official/web.official_journalism/details',[':pid'=>(int)input('param.pid'),':sid'=>(int)input('param.sid'),':id'=>$item['id']])}"
|
|
class="nhc-news-more"
|
|
>
|
|
<span>阅读全文</span>
|
|
<svg
|
|
width="12"
|
|
height="12"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2.5"
|
|
>
|
|
<path d="M5 12h14M12 5l7 7-7 7" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
{/foreach}
|
|
</div>
|
|
|
|
<!-- 现代化分页组件 -->
|
|
<div
|
|
class="page_custom"
|
|
style="display: flex; justify-content: center; margin-top: 40px"
|
|
>
|
|
<div class="page_son">
|
|
{$data->render(['pid'=>(int)input('param.pid'),'sid'=>(int)input('param.sid')])}
|
|
</div>
|
|
</div>
|
|
|
|
{else/}
|
|
<!-- 空状态展示 -->
|
|
<div
|
|
style="
|
|
text-align: center;
|
|
padding: 80px 20px;
|
|
background: #f8fafc;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--radius-sm);
|
|
"
|
|
>
|
|
<div class="nhc-seal" style="margin-bottom: 12px">纳海川</div>
|
|
<p style="color: var(--text-secondary); font-size: 15px">
|
|
暂无相关动态，技术团队持续更新中
|
|
</p>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</section>
|
|
<!-- 现代中式技术洞察与新闻资讯列表 结束 -->
|
|
{/block}
|