xuchaoqing
/
fastadmin_materials_official


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
							<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="{$archives.keywords}" />
    <meta name="description" content="{$archives.description}" />
    <title>{$archives.title} - {$site.site_name}</title>
    <link rel="shortcut icon" href="{$site.logo|cdnurl}">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/reset.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/style.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/media.css">
    <script type="text/javascript" src="__CDN__/assets/addons/material/js/jquery.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/material/js/swiper.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/material/js/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/material/js/wow.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/material/js/jquery.counterup.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/material/js/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/material/js/javascript.js"></script>
    <style>
        /* 新闻详情页样式 */
        /* 容器样式 */
        .news-detail-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 30px 15px;
        }

        /* 面包屑导航 */
        .breadcrumb {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
            padding: 10px 0;
            color: #666;
            font-size: 14px;
            border-bottom: 1px solid #eee;
        }
        .current-category {
            position: relative;
            padding-left: 37px;
            font-weight: 400;
            font-size: 14px;
            color: #DF0100;
            line-height: 20px;
        }
        
        .current-category:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 20px solid #DF0100;
        }

        .breadcrumb-item {
            font-weight: 400;
            font-size: 14px;
            color: #DF0100;
        }

        .breadcrumb-item.current {
            color: #333;
        }

        .breadcrumb-item:hover:not(.current) {
            color: #DF0100;
        }

        .breadcrumb-separator {
            margin: 0 8px;
            color: #999;
        }
        
        /* 新闻详情 */
        .news-detail {
            background-color: #fff;
            padding: 0 0 40px 0;
            margin-bottom: 30px;
        }

        .news-title {
            font-size: 28px;
            color: #333;
            text-align: center;
            margin-top: 0;
            margin-bottom: 20px;
            line-height: 1.4;
            font-weight: 500;
        }

        .news-date {
            text-align: center;
            color: #999;
            font-size: 14px;
            margin-bottom: 30px; /* 日期下方间距30px */
            position: relative;
            padding-bottom: 30px; /* 为横线留出空间 */
        }

        /* 日期下方的横线 */
        .news-date::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%; /* 横线宽度 */
            height: 1px; /* 横线高度 */
            background-color: #ddd; /* 横线颜色 */
        }

        .news-content {
            line-height: 1.8;
            color: #333;
            font-size: 16px;
        }

        .news-content p {
            margin-bottom: 20px;
            text-indent: 2em; /* 首行缩进 */
        }

        .news-content strong {
            font-weight: 500;
            color: #000;
        }

        .news-images {
            display: flex;
            justify-content: space-between;
            margin: 30px 0;
        }

        .news-image {
            width: 48%;
        }

        .news-image img {
            width: 100%;
            height: auto;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        /* 上一篇/下一篇导航 */
        .news-navigation {
            display: flex;
            justify-content: space-between;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }

        .prev-news, .next-news {
            display: inline-flex;
            align-items: center;
            color: #1673FF; /* 更新为蓝色 */
            text-decoration: none;
            font-size: 14px; /* 更新字体大小 */
            font-weight: 500; /* 更新字体粗细 */
            transition: opacity 0.3s ease;
        }

        .prev-news:hover, .next-news:hover {
            opacity: 0.8; /* 悬停时稍微透明 */
        }

        .icon-arrow-left, .icon-arrow-right {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .icon-arrow-left {
            background-image: url('../images/icon-arrow-left.png');
            margin-right: 5px;
        }
        .icon-arrow-right {
            background-image: url('../images/icon-arrow-right.png');
            margin-left: 5px;
        }
        /* 禁用状态的上一篇/下一篇按钮 */
.prev-news.disabled, .next-news.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.prev-news.disabled:hover, .next-news.disabled:hover {
    opacity: 1; /* 禁用状态下不改变透明度 */
    color: #ccc;
}

    </style>
</head>

<body>
    <!-- 头部 -->
    {include file="header" /}
    <div class="col-banner">
        <div class="section-banner">
            <img src="{$site.banner7|cdnurl}" alt="">
        </div>
    </div>
    <div class="container">
        <div class="news-detail-container">
            <!-- 面包屑导航 -->
            <div class="breadcrumb">
                <a href="{:addon_url('wwh/index/index')}" class="breadcrumb-item">
                    <span class="current-category">首页</span>
                </a>
                <span class="breadcrumb-separator">&gt;</span>
                <a href="{:addon_url('wwh/column/index', [':diyname'=>$navCur.diyname])}" class="breadcrumb-item">{:__lm($navCur,'name')}</a>
                <span class="breadcrumb-separator">&gt;</span>
                <span class="breadcrumb-item current">{$archives.title}</span>
            </div>
            
            <!-- 新闻详情 -->
            <div class="news-detail">
                <!-- 新闻标题 -->
                <h1 class="news-title">{$archives.title}</h1>
                
                <!-- 新闻发布时间 -->
                <div class="news-date">{$archives.time}</div>
                
                <!-- 新闻内容 -->
                <div class="news-content">
                   {$archives.content}
                </div>
            </div>
            
            <div class="news-navigation">
                {if empty($nafter)}
                    <a href="javascript:void(0);" class="prev-news disabled">
                        <i class="icon-arrow-left"></i> 上一篇（没有更多）
                    </a>
                {else/}
                    <a href="{:addon_url('wwh/archives/index', [':diyname'=>$navCur.diyname, ':id'=>$nafter.id])}" class="prev-news">
                        <i class="icon-arrow-left"></i> 上一篇：{$nafter.title}
                    </a>
                {/if}
            
                {if empty($nfront)}
                    <a href="javascript:void(0);" class="next-news disabled">
                        下一篇（没有更多） <i class="icon-arrow-right"></i>
                    </a>
                {else/}
                    <a href="{:addon_url('wwh/archives/index', [':diyname'=>$navCur.diyname, ':id'=>$nfront.id])}" class="next-news">
                        下一篇：{$nfront.title} <i class="icon-arrow-right"></i>
                    </a>
                {/if}
            </div>
        </div>
    </div>
    <!-- 底部 -->
    {include file="footer" /}

</body>

</html>