You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
162 lines
6.0 KiB
162 lines
6.0 KiB
<!DOCTYPE html>
|
|
<html lang="zh-Hant-TW">
|
|
<head>
|
|
<!-- Google Tag Manager -->
|
|
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
})(window,document,'script','dataLayer','GTM-TS4X59X');</script>
|
|
<!-- End Google Tag Manager -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=9" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
|
|
<meta name="description" content="">
|
|
<title></title>
|
|
<link rel="icon" sizes="48x48" href="../images/header/favicon.ico" type="image/x-icon" />
|
|
<link rel="shortcut icon" sizes="48x48" href="../images/header/favicon.ico" type="image/x-icon" />
|
|
<link rel="Bookmark" sizes="48x48" href="../images/header/favicon.ico" type="image/x-icon" />
|
|
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" href="../css/all.min.css">
|
|
<link rel="stylesheet" type="text/css" href="../css/animate.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="../css/creer.css">
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HZGXDG5Y12"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-HZGXDG5Y12');
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<!-- Google Tag Manager (noscript) -->
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TS4X59X"
|
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
<!-- End Google Tag Manager (noscript) -->
|
|
<header w3-include-html="../include/header-inner.html"></header>
|
|
<div id="pre-loader">
|
|
<div class="spinner">
|
|
<div class="rect1"></div>
|
|
<div class="rect2"></div>
|
|
<div class="rect3"></div>
|
|
<div class="rect4"></div>
|
|
<div class="rect5"></div>
|
|
</div>
|
|
</div>
|
|
<main class="news-detail-page">
|
|
<section class="banner-area text-center">
|
|
<div class="page-title"></div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="page-title-name">
|
|
<h2>最新消息</h2>
|
|
</div>
|
|
<nav style="--bs-breadcrumb-divider: '/';" aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="../index.html">首頁</a></li>
|
|
<li class="breadcrumb-item"><a href="../news-list.html">最新消息</a></li>
|
|
<li class="breadcrumb-item active bread-title" aria-current="page"></li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="page-info position-relative">
|
|
<div class="container">
|
|
<div class="blog-detail-wrap">
|
|
<h1 class="section-title wow fadeInDown"></h1>
|
|
<div class="blog-entry">
|
|
<div class="entry-meta">
|
|
<ul>
|
|
<li><i class="fa-solid fa-calendar-plus"></i><spam class="publish-date"></spam></li>
|
|
</ul>
|
|
<!-- Go to www.addthis.com/dashboard to customize your tools -->
|
|
<div class="addthis_inline_share_toolbox"></div>
|
|
</div>
|
|
</div>
|
|
<div class="entry-image entry1">
|
|
<img class="img-fluid news-image" src="" alt="" onError="this.onerror=null;">
|
|
</div>
|
|
<div class="entry-image entry2">
|
|
<img class="img-fluid news-image2" src="" alt="" onError="this.onerror=null;">
|
|
</div>
|
|
</div>
|
|
<div class="edit-area">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="cta">
|
|
<div class="btn-group">
|
|
<ul>
|
|
<li><a class="btn-draw" href="../news-list.html">返回列表</a></li>
|
|
<li><a class="btn-draw btn-orange" href="../retrofit.html">產品介紹</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer w3-include-html="../include/footer-inner.html"></footer>
|
|
<a href="javascript:void(0);" class="scrollup">
|
|
<span class="scrollup-txt">TOP</span>
|
|
<div class="read-more-line">
|
|
<div class="line"></div>
|
|
<div class="dot"></div>
|
|
</div>
|
|
</a>
|
|
<a href="tel:+886800803666" class="call-btn">
|
|
<img src="../images/footer/call.png" alt="" class="img-fluid">
|
|
立即電話諮詢
|
|
</a>
|
|
<script type="text/javascript" src="../js/jquery-3.6.0-min.js"></script>
|
|
<script type="text/javascript" src="../js/bootstrap.bundle.min.js"></script>
|
|
<script type="text/javascript" src="../js/wow.min.js"></script>
|
|
<script type="text/javascript" src="../js/creer.js"></script>
|
|
<!-- Go to www.addthis.com/dashboard to customize your tools -->
|
|
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-62f0cfa4fdbfad0f"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
getContentDataByAction();
|
|
});
|
|
|
|
function getContentDataByAction(){
|
|
let params = new URLSearchParams(document.location.search);
|
|
let id = params.get("id");
|
|
$.ajax({
|
|
async: false,
|
|
url: '../common/ajax/news/NewsData.php?id='+id,
|
|
type: 'get',
|
|
processData: false,
|
|
success: function(data) {
|
|
obj = JSON.parse(data);
|
|
$('title').html(obj.content.browserTitle);
|
|
$('.bread-title').html(obj.content.title);
|
|
$('.publish-date').html(obj.content.publishDate);
|
|
if ( obj.content.imageUrl != '' ){
|
|
$(".news-image").attr("src", obj.content.imageUrl);
|
|
$(".news-image").attr("alt", obj.content.imageAlt);
|
|
} else {
|
|
$(".entry1").hide();
|
|
}
|
|
if ( obj.content.imageUrl2 != '' ){
|
|
$(".news-image2").attr("src", obj.content.imageUrl2);
|
|
$(".news-image2").attr("alt", obj.content.imageAlt2);
|
|
} else {
|
|
$(".entry2").hide();
|
|
}
|
|
$('.edit-area').html(obj.content.content);
|
|
|
|
},
|
|
error: function(error){
|
|
$('.edit-area').html('<div class="alert alert-danger alert-dismissible fade show" role="alert">目前尚無資料...<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>');
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|