240 lines
8.5 KiB
HTML
240 lines
8.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<meta name="description" content="{yz:description}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<title>{yz:sitename}</title>
|
|
<link rel="shortcut icon" href="{yz:ico}" type="image/svg" />
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="assets/css/lineicons.css" />
|
|
<link rel="stylesheet" href="assets/css/tiny-slider.css" />
|
|
<link rel="stylesheet" href="assets/css/glightbox.min.css" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!--====== 导航栏 开始 ======-->
|
|
<section class="navbar-area navbar-nine">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<nav class="navbar navbar-expand-lg">
|
|
<a class="navbar-brand" href="/">
|
|
<img src="{yz:logo}" alt="{yz:sitename}" style="width: 200px;" />
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNine"
|
|
aria-controls="navbarNine" aria-expanded="false" aria-label="切换导航">
|
|
<span class="toggler-icon"></span>
|
|
<span class="toggler-icon"></span>
|
|
<span class="toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse sub-menu-bar" id="navbarNine">
|
|
<ul class="navbar-nav me-auto">
|
|
<li class="nav-item">
|
|
<a href="/">主页</a>
|
|
</li>
|
|
{yz:nav}
|
|
<li class="nav-item">
|
|
<a href="[field:url/]">[field:name/]</a>
|
|
[field:children/]
|
|
</li>
|
|
{/yz:nav}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="navbar-btn d-none d-lg-inline-block">
|
|
<a class="menu-bar" href="#side-menu-left"><i class="lni lni-menu"></i></a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--====== 导航栏 结束 ======-->
|
|
|
|
<!--====== 侧边栏 开始 ======-->
|
|
<div class="sidebar-left">
|
|
<div class="sidebar-close">
|
|
<a class="close" href="#close"><i class="lni lni-close"></i></a>
|
|
</div>
|
|
<div class="sidebar-content">
|
|
<div class="sidebar-logo">
|
|
<a href="/"><img src="{yz:logo}" alt="{yz:sitename}" /></a>
|
|
</div>
|
|
<p class="text">{yz:description}</p>
|
|
<div class="sidebar-menu">
|
|
<h5 class="menu-title">快速链接</h5>
|
|
<ul>
|
|
{yz:nav}
|
|
<li><a href="[field:url/]">[field:name/]</a></li>
|
|
{/yz:nav}
|
|
</ul>
|
|
</div>
|
|
<div class="sidebar-social align-items-center justify-content-center">
|
|
<h5 class="social-title">关注我们</h5>
|
|
<ul>
|
|
<li><a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a></li>
|
|
<li><a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a></li>
|
|
<li><a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a></li>
|
|
<li><a href="javascript:void(0)"><i class="lni lni-youtube"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="overlay-left"></div>
|
|
<!--====== 侧边栏 结束 ======-->
|
|
|
|
<!--====== 文章详情 开始 ======-->
|
|
<section class="article-detail-area">
|
|
<div class="article-detail-breadcrumb-wrap">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb article-detail-breadcrumb">
|
|
<li class="breadcrumb-item"><a href="/">主页</a></li>
|
|
<li class="breadcrumb-item"><a href="/news">新闻中心</a></li>
|
|
{yz:arcview}
|
|
<li class="breadcrumb-item active" aria-current="page">[field:title/]</li>
|
|
{/yz:arcview}
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10 col-xl-9">
|
|
{yz:arcview}
|
|
<article class="article-detail-card">
|
|
<div class="article-detail-thumb">
|
|
<img src="[field:image/]" alt="[field:title/]" class="article-cover" onerror="this.closest('.article-detail-thumb').style.display='none'" />
|
|
</div>
|
|
|
|
<h1 class="article-detail-title">[field:title/]</h1>
|
|
|
|
<div class="article-detail-meta">
|
|
<span><i class="lni lni-calendar"></i> [field:pubdate/]</span>
|
|
<span><i class="lni lni-user"></i> [field:author/]</span>
|
|
<span><i class="lni lni-eye"></i> [field:views/] 阅读</span>
|
|
</div>
|
|
|
|
<div class="article-detail-content">
|
|
[field:content/]
|
|
</div>
|
|
</article>
|
|
{/yz:arcview}
|
|
|
|
<div class="article-detail-back">
|
|
<a href="/news" class="btn primary-btn-outline">
|
|
<i class="lni lni-arrow-left"></i> 返回新闻中心
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--====== 文章详情 结束 ======-->
|
|
|
|
<!-- 页脚区域 开始 -->
|
|
<footer class="footer-area footer-eleven">
|
|
<div class="footer-top">
|
|
<div class="container">
|
|
<div class="inner-content">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|
<div class="footer-widget f-about">
|
|
<div class="logo"><a href="/"><img src="{yz:logo}" alt="{yz:sitename}" class="img-fluid" style="width: 250px;" /></a></div>
|
|
<p>{yz:description}</p>
|
|
<p class="copyright-text">
|
|
<span>备案号:{yz:icp}<br>{yz:copyright} <a href="www.yunzer.cn" rel="nofollow"> 云泽网 </a></span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-6 col-12">
|
|
<div class="footer-widget f-link">
|
|
<h5>解决方案</h5>
|
|
<ul>
|
|
<li><a href="javascript:void(0)">市场营销</a></li>
|
|
<li><a href="javascript:void(0)">数据分析</a></li>
|
|
<li><a href="javascript:void(0)">电子商务</a></li>
|
|
<li><a href="javascript:void(0)">商业洞察</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-6 col-12">
|
|
<div class="footer-widget f-link">
|
|
<h5>技术支持</h5>
|
|
<ul>
|
|
<li><a href="javascript:void(0)">价格方案</a></li>
|
|
<li><a href="javascript:void(0)">开发文档</a></li>
|
|
<li><a href="javascript:void(0)">使用指南</a></li>
|
|
<li><a href="javascript:void(0)">API 状态</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|
<div class="footer-widget newsletter">
|
|
<h5>订阅我们</h5>
|
|
<p>订阅我们，获取最新资讯</p>
|
|
<form action="#" method="get" target="_blank" class="newsletter-form">
|
|
<input name="EMAIL" placeholder="邮箱地址" required="required" type="email" />
|
|
<div class="button">
|
|
<button class="sub-btn">
|
|
<i class="lni lni-envelope"></i>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- 页脚区域 结束 -->
|
|
|
|
<a href="#" class="scroll-top btn-hover">
|
|
<i class="lni lni-chevron-up"></i>
|
|
</a>
|
|
|
|
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/glightbox.min.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
<script src="assets/js/tiny-slider.js"></script>
|
|
<script>
|
|
let navbarTogglerNine = document.querySelector(".navbar-nine .navbar-toggler");
|
|
navbarTogglerNine.addEventListener("click", function () {
|
|
navbarTogglerNine.classList.toggle("active");
|
|
});
|
|
|
|
let sidebarLeft = document.querySelector(".sidebar-left");
|
|
let overlayLeft = document.querySelector(".overlay-left");
|
|
let sidebarClose = document.querySelector(".sidebar-close .close");
|
|
|
|
overlayLeft.addEventListener("click", function () {
|
|
sidebarLeft.classList.toggle("open");
|
|
overlayLeft.classList.toggle("open");
|
|
});
|
|
sidebarClose.addEventListener("click", function () {
|
|
sidebarLeft.classList.remove("open");
|
|
overlayLeft.classList.remove("open");
|
|
});
|
|
|
|
let sideMenuLeftNine = document.querySelector(".navbar-nine .menu-bar");
|
|
sideMenuLeftNine.addEventListener("click", function () {
|
|
sidebarLeft.classList.add("open");
|
|
overlayLeft.classList.add("open");
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|