94 lines
2.4 KiB
Plaintext
94 lines
2.4 KiB
Plaintext
<div class="i-annc index-announcement-22">
|
|
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
|
|
<ul class="i-annc__list row" data-level="0" data-list="announcements">
|
|
<li class="i-annc__item">
|
|
<div class="i-annc__content-wrap">
|
|
<div class=" row flexwrap" style="align-items: center;justify-content: space-between;">
|
|
<div class="i-annc__meta">
|
|
<span class="i-annc__postdate-wrap " date-format="%Y-%m-%d">
|
|
<span class="i-annc__postdate">{{postdate}}</span>
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<div class="i-annc__content">
|
|
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
|
|
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
|
|
</span>
|
|
<h4 class="i-annc__entry-title">
|
|
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
|
|
</h4>
|
|
<p class="i-annc__subtitle">{{subtitle}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{{pagination_goes_here}}
|
|
<script>
|
|
function formatAnncDate() {
|
|
$('.i-annc__postdate').each(function() {
|
|
var $this = $(this);
|
|
// 1. 取得原始文字 (例如: "2026-03-24")
|
|
var rawDate = $this.text().trim();
|
|
|
|
// 檢查日期格式是否正確，避免拆解出錯
|
|
if (rawDate.indexOf('-') !== -1) {
|
|
var dateParts = rawDate.split('-'); // 拆解成陣列 ["2026", "03", "24"]
|
|
|
|
var year = dateParts[0];
|
|
var month = dateParts[1];
|
|
var day = dateParts[2];
|
|
|
|
// 2. 組合新的 HTML 結構
|
|
var newHtml =
|
|
'<div class="list-news-date">' +
|
|
'<span class="year">' + year + '</span>' +
|
|
'<span class="month">' + month + '</span>' +
|
|
'<span class="day">' + day + '</span>' +
|
|
'</div>';
|
|
|
|
// 3. 替換內容
|
|
$this.html(newHtml);
|
|
}
|
|
});
|
|
}
|
|
|
|
// 執行 Function
|
|
$(document).ready(function() {
|
|
formatAnncDate();
|
|
});
|
|
</script>
|
|
<style>
|
|
.list-news-date {
|
|
background: #04519c;
|
|
width: 70px;
|
|
height: 100%;
|
|
float: left;
|
|
margin-right: 20px;
|
|
padding: 5px 0;
|
|
span {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.month {
|
|
font-size:2em;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
.i-annc__content-wrap {
|
|
padding: 0;
|
|
}
|
|
.i-annc__meta {
|
|
padding: 0;
|
|
}
|
|
.i-annc__title {
|
|
font-size: 1.5em!important;
|
|
color: #2f2f2f!important;
|
|
font-weight: bold!important;
|
|
}
|
|
</style> |