264 lines
11 KiB
HTML
264 lines
11 KiB
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!--
|
|
东部战区海军 100%还原 - 生产模板
|
|
说明：所有数据均通过 PE.Label 调真实接口，严禁写死数据
|
|
部署位置：SiteFactory 后台 → 模板管理 → 首页模板
|
|
关联配置：Layout_fullgrid_v2.config + 各新增标签 .config
|
|
-->
|
|
<pe:template>
|
|
<pe:layout layoutId="Layout_fullgrid_v2" />
|
|
|
|
<!-- ==================== 板块1：顶部工具栏（自设内容，运营可改） ==================== -->
|
|
<pe:container id="topbar" position="top">
|
|
{PE.Label id="自设内容_顶部工具栏" /}
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块2：网站头部（Logo+站名） ==================== -->
|
|
<pe:container id="site-header" position="top">
|
|
<div class="logo-area">
|
|
{PE.Label id="自设内容_网站Logo" /}
|
|
<div class="site-name">
|
|
<h1>{PE.SiteConfig.SiteName /}</h1>
|
|
<p>{PE.SiteConfig.SiteENName /}</p>
|
|
</div>
|
|
</div>
|
|
{PE.Label id="自设内容_头部标语" /}
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块3：主导航（一级栏目列表） ==================== -->
|
|
<pe:container id="mainnav" position="top">
|
|
{PE.Label id="首页栏目导航" nodeId="0" /}
|
|
{PE.Label id="自设内容_导航右侧图标" /}
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块4：头条焦点区（70%轮播 + 30%要闻+快捷） ==================== -->
|
|
<pe:container id="headline" position="top">
|
|
<div class="hd-left">
|
|
{PE.Label id="通用信息焦点图_高端" nodeId="14" titleLength="36" showNum="4" /}
|
|
</div>
|
|
<div class="hd-right">
|
|
<div class="hd-rt-top">
|
|
<div class="sec-title"><span class="bar"></span>要闻速递</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="16" showNum="8" titleLength="24" isDate="1" dateFormat="MM-dd" isHit="0" /}
|
|
</div>
|
|
<div class="hd-rt-bot">
|
|
{PE.Label id="自设内容_快捷入口6宫格" /}
|
|
</div>
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块5：第一内容区（媒体聚焦 / 新闻中心 / 通知公告） ==================== -->
|
|
<pe:container id="row3col" position="top">
|
|
<div class="col">
|
|
<div class="sec-title"><span class="star">★</span>媒体聚焦</div>
|
|
{PE.Label id="通用带图片的信息列表_普通式" nodeId="20" showNum="4" titleLength="20" picSize="60x60" /}
|
|
</div>
|
|
<div class="col">
|
|
<div class="sec-title"><span class="star">★</span>新闻中心</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="16" showNum="10" titleLength="28" isDate="1" dateFormat="MM-dd" isBold="2" /}
|
|
</div>
|
|
<div class="col">
|
|
<div class="sec-title"><span class="star">★</span>通知公告</div>
|
|
{PE.Label id="GOV_公告列表" nodeId="36" showNum="10" titleLength="28" isDate="0" isNew="1" /}
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块6：红色宣传横幅（自设内容） ==================== -->
|
|
<pe:container id="red-banner" position="top">
|
|
{PE.Label id="自设内容_红色宣传横幅" /}
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块7：学习强军（最复杂模块） ==================== -->
|
|
<pe:container id="study" position="top">
|
|
<!-- 标题栏 + 标签页 -->
|
|
<div class="study-tabs">
|
|
{PE.Label id="自设内容_学习强军标签" /}
|
|
</div>
|
|
<!-- 三栏内容区 -->
|
|
<div class="study-3col">
|
|
<!-- 左：图表+数据卡（自定义标签） -->
|
|
<div class="study-l">
|
|
{PE.Label id="自设内容_学习数据图表" /}
|
|
</div>
|
|
<!-- 中：文章列表 -->
|
|
<div class="study-m">
|
|
{PE.Label id="通用信息列表_普通式" nodeId="44" showNum="10" titleLength="30" isDate="1" dateFormat="MM-dd" isBold="2" /}
|
|
</div>
|
|
<!-- 右：日历+饼图（自定义标签） -->
|
|
<div class="study-r">
|
|
{PE.Label id="自设内容_学习日历" /}
|
|
</div>
|
|
</div>
|
|
<!-- 底部三栏子模块 -->
|
|
<div class="study-3col-bottom">
|
|
<div class="col">
|
|
<div class="sub-title">精品课程</div>
|
|
{PE.Label id="视频信息列表_课程卡片" nodeId="48" showNum="3" /}
|
|
</div>
|
|
<div class="col">
|
|
<div class="sub-title">优秀教案</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="50" showNum="3" titleLength="22" /}
|
|
</div>
|
|
<div class="col">
|
|
<div class="sub-title">学习之星</div>
|
|
{PE.Label id="用户列表_学习之星" nodeId="0" showNum="5" /}
|
|
</div>
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块8：东海视线（视频） ==================== -->
|
|
<pe:container id="video" position="top">
|
|
<div class="video-2col">
|
|
<a class="video-big" href="javascript:;">
|
|
{PE.Label id="视频信息列表_大封面" nodeId="56" showNum="1" /}
|
|
</a>
|
|
<div class="video-grid">
|
|
{PE.Label id="视频信息列表_四宫格" nodeId="56" showNum="4" /}
|
|
</div>
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块9：练兵备战（上图片+下4栏列表） ==================== -->
|
|
<pe:container id="train" position="top">
|
|
<div class="train-pic">
|
|
{PE.Label id="通用带图片的信息列表_大图" nodeId="60" showNum="1" /}
|
|
{PE.Label id="通用带图片的信息列表_双小图" nodeId="60" showNum="2" /}
|
|
</div>
|
|
<div class="train-list-4">
|
|
<div class="col">
|
|
<div class="sub-title">训练动态</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="62" showNum="6" isDate="1" /}
|
|
</div>
|
|
<div class="col">
|
|
<div class="sub-title">战法研究</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="64" showNum="6" isDate="1" /}
|
|
</div>
|
|
<div class="col">
|
|
<div class="sub-title">军事职业教育</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="66" showNum="6" isDate="1" /}
|
|
</div>
|
|
<div class="col">
|
|
<div class="sub-title">战备工作</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="68" showNum="6" isDate="1" /}
|
|
</div>
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块10：政治工作 / 后装保障 / 纪律检查（三栏卡片） ==================== -->
|
|
<pe:container id="row3cards" position="top">
|
|
<div class="col-card">
|
|
<div class="col-card-hd political">
|
|
<span class="ico">党</span>
|
|
<span class="title">政治工作</span>
|
|
</div>
|
|
{PE.Label id="通用带图片的信息列表_卡片" nodeId="72" showNum="1" /}
|
|
<a class="cc-tit" href="javascript:;"></a>
|
|
{PE.Label id="自设内容_政治工作标签" /}
|
|
{PE.Label id="通用信息列表_普通式" nodeId="72" showNum="5" titleLength="22" isDate="1" /}
|
|
</div>
|
|
<div class="col-card">
|
|
<div class="col-card-hd logistics">
|
|
<span class="ico">装</span>
|
|
<span class="title">后装保障</span>
|
|
</div>
|
|
{PE.Label id="通用带图片的信息列表_卡片" nodeId="74" showNum="1" /}
|
|
<a class="cc-tit" href="javascript:;"></a>
|
|
{PE.Label id="自设内容_后装保障标签" /}
|
|
{PE.Label id="通用信息列表_普通式" nodeId="74" showNum="5" titleLength="22" isDate="1" /}
|
|
</div>
|
|
<div class="col-card">
|
|
<div class="col-card-hd discipline">
|
|
<span class="ico">盾</span>
|
|
<span class="title">纪律检查</span>
|
|
</div>
|
|
{PE.Label id="通用带图片的信息列表_卡片" nodeId="76" showNum="1" /}
|
|
<a class="cc-tit" href="javascript:;"></a>
|
|
{PE.Label id="自设内容_纪律检查标签" /}
|
|
{PE.Label id="通用信息列表_普通式" nodeId="76" showNum="5" titleLength="22" isDate="1" /}
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块11：理论服务 / 心理服务（两栏专家） ==================== -->
|
|
<pe:container id="service" position="top">
|
|
<div class="col">
|
|
<div class="sec-title"><span class="star">★</span>理论服务</div>
|
|
{PE.Label id="用户列表_理论服务专家" nodeId="80" showNum="2" /}
|
|
<div class="service-time">服务时间：{PE.Label id="自设内容_理论服务时间" /}</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="sec-title"><span class="star">★</span>心理服务</div>
|
|
{PE.Label id="用户列表_心理服务专家" nodeId="82" showNum="2" /}
|
|
<div class="service-time">服务时间：{PE.Label id="自设内容_心理服务时间" /}</div>
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块12：公示公开 / 数字军史 ==================== -->
|
|
<pe:container id="public-history" position="top">
|
|
<div class="col">
|
|
<div class="sec-title"><span class="star">★</span>公示公开</div>
|
|
{PE.Label id="通用信息列表_表格式" nodeId="86" showNum="6" /}
|
|
</div>
|
|
<div class="col">
|
|
<div class="sec-title"><span class="star">★</span>数字军史</div>
|
|
{PE.Label id="自设内容_数字军史大数字" /}
|
|
{PE.Label id="时间轴_海军大事记" nodeId="90" showNum="4" /}
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块13：东海清风（廉政文化） ==================== -->
|
|
<pe:container id="discipline" position="top">
|
|
<div class="discipline-2col">
|
|
<div>
|
|
<div class="sub-title">以案说法</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="94" showNum="7" titleLength="26" isDate="1" isBold="2" /}
|
|
</div>
|
|
<div>
|
|
<div class="sub-title">规定解读</div>
|
|
{PE.Label id="通用信息列表_普通式" nodeId="96" showNum="6" titleLength="26" isDate="1" /}
|
|
</div>
|
|
<div class="discipline-imgs">
|
|
{PE.Label id="通用带图片的信息列表_四宫格" nodeId="98" showNum="4" /}
|
|
</div>
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块14：东海文化（图片墙） ==================== -->
|
|
<pe:container id="culture" position="top">
|
|
<div class="culture-hd">
|
|
{PE.Label id="自设内容_东海文化标签" /}
|
|
</div>
|
|
<div class="imgwall">
|
|
{PE.Label id="图片墙_不规则" nodeId="102" showNum="7" /}
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 板块15：底部（站点地图+单位信息） ==================== -->
|
|
<pe:container id="footer" position="bottom">
|
|
<div class="footer-map">
|
|
{PE.Label id="自设内容_底部友链5栏" /}
|
|
</div>
|
|
<div class="footer-info">
|
|
<p class="ft-name">{PE.SiteConfig.SiteFullName /}</p>
|
|
<p>{PE.SiteConfig.SiteAddress /} | 邮编：{PE.SiteConfig.SiteZip /} | 办公电话：{PE.SiteConfig.SiteTel /}</p>
|
|
</div>
|
|
<div class="footer-copy">
|
|
备案编号：{PE.SiteConfig.SiteBeian /} | 网站标识码：{PE.SiteConfig.SiteCode /} | 技术支持：{PE.SiteConfig.SiteTechSupport /}
|
|
</div>
|
|
</pe:container>
|
|
|
|
<!-- ==================== 返回顶部 ==================== -->
|
|
<a class="back-top" href="javascript:;" id="backTop">↑</a>
|
|
<script>
|
|
$(function() {
|
|
$(window).scroll(function() {
|
|
if ($(this).scrollTop() > 500) $('#backTop').addClass('show');
|
|
else $('#backTop').removeClass('show');
|
|
});
|
|
$('#backTop').click(function() {
|
|
$('html, body').animate({ scrollTop: 0 }, 300);
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</pe:template>
|