add new event news template

This commit is contained in:
rulingcom 2021-10-21 05:27:17 +00:00
parent ce2c1ada1f
commit a304d6ecfb
4 changed files with 431 additions and 338 deletions

View File

@ -367,6 +367,38 @@ body{
.threesection{ .threesection{
padding: 2em 0; padding: 2em 0;
} }
.widget-event_news-0.widget-event_news-0-new{
.w-event_news__list{
.card0{
border-top: 0px;
}
.top-block{
position: relative;
float: left;
display: block;
width: 100%;
min-height: 6em;
}
.top-inner-block{
margin-left: 4.5em;
}
.top-inner-info{
background: #eeecec;
min-height: 3em;
padding: 0.3em 0.7em;
}
.w-event_news__meta{
top: 0px!important;
clear: none;
float: left;
position: absolute;
height: 100%;
.w-event_news__postdate-wrap{
height: 100%;
}
}
}
}
.widget-event_news-0{ .widget-event_news-0{
.w-event_news__list{ .w-event_news__list{
.w-event_news__img-wrap.bullseye{ .w-event_news__img-wrap.bullseye{

View File

@ -9,9 +9,6 @@
</div> </div>
<div class="card0"> <div class="card0">
<div class="w-event_news__meta"> <div class="w-event_news__meta">
<span class="w-event_news__status-wrap" data-list="statuses" data-level="1">
<span class="w-event_news__status label status {{status-class}}">{{status}}</span>
</span>
<div class="w-event_news__postdate-wrap" date-format="%Y-%m-%d"> <div class="w-event_news__postdate-wrap" date-format="%Y-%m-%d">
<div class="w-event_news__postdate">{{postdate}}</div> <div class="w-event_news__postdate">{{postdate}}</div>
</div> </div>
@ -20,6 +17,9 @@
<i class="fa fa-tasks"></i> <i class="fa fa-tasks"></i>
<span class="w-event_news__category">{{category}}</span> <span class="w-event_news__category">{{category}}</span>
</span> </span>
<span class="w-event_news__status-wrap" data-list="statuses" data-level="1">
<span class="w-event_news__status label status {{status-class}}">{{status}}</span>
</span>
<h4 class="w-event_news__entry-title"> <h4 class="w-event_news__entry-title">
<a class="w-event_news__title" href="{{link_to_show}}">{{title}}</a> <a class="w-event_news__title" href="{{link_to_show}}">{{title}}</a>
</h4> </h4>

View File

@ -0,0 +1,53 @@
<div class="w-event_news widget-event_news-0 widget-event_news-0-new">
<h3 class="w-event_news__widget-title">
<span>{{widget-title}}</span>
</h3>
<ul class="w-event_news__list" data-level="0" data-list="event_news">
<li class="w-event_news__item">
<div class="w-event_news__img-wrap bullseye">
<img class="w-event_news__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
<div class="card0">
<div class="top-block">
<div class="w-event_news__meta">
<div class="w-event_news__postdate-wrap" date-format="%Y-%m-%d">
<div class="w-event_news__postdate">{{postdate}}</div>
</div>
</div>
<div class="top-inner-block">
<h4 class="w-event_news__entry-title">
<a class="w-event_news__title" href="{{link_to_show}}">{{title}}</a>
</h4>
<div class="top-inner-info">
<div class="w-event_news__evenet_date" style="{{event-time-css}}">
<i class="far fa-clock"></i>
{{event-time-formated}}
</div>
<div class="w-event_news__place" style="{{place-css}}">
<i class="fas fa-map-marker-alt">
</i>
{{place}}
</div>
</div>
</div>
</div>
<div class="bottom-block">
<span class="w-event_news__category-wrap">
<i class="fa fa-tasks"></i>
<span class="w-event_news__category">{{category}}</span>
</span>
<span class="w-event_news__status-wrap" data-list="statuses" data-level="1">
<span class="w-event_news__status label status {{status-class}}">{{status}}</span>
</span>
<div class="w-event_news__subtitle">{{subtitle}}</div>
<div class="w-event_news__speaker" style="{{speaker-css}}">【{{speaker-head}}】 {{speaker}}</div>
<div class="w-event_news__host" style="{{host-css}}">【{{host-head}}】 {{host}}</div>
</div>
</div>
</li>
</ul>
<div class="w-event_news__more-wrap clearfix">
<a class="w-event_news__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div>
</div>

View File

@ -158,8 +158,16 @@
{ {
"filename" : "event_news_widget0.5", "filename" : "event_news_widget0.5",
"name" : { "name" : {
"zh_tw" : "0.5. 標準四欄文 ( 模組標題, 狀態, 日期, 類別, 標題, 副標題 )", "zh_tw" : "0.5. 首頁行事曆樣式",
"en" : "0.5. Standard Image + Text (widget-title, image, status, postdate, category, title, subtitle)" "en" : "0.5. Home calendar"
},
"thumbnail" : "event_news_widget1_thumbs.png"
},
{
"filename" : "event_news_widget0.5_new",
"name" : {
"zh_tw" : "0.5. 首頁行事曆樣式(新版)",
"en" : "0.5. Home calendar(New)"
}, },
"thumbnail" : "event_news_widget1_thumbs.png" "thumbnail" : "event_news_widget1_thumbs.png"
}, },