nfu-nfupme/modules/web_resource/_web_res_widget7.html.erb

71 lines
2.0 KiB
Plaintext

<div class="widget-link widget7">
<h3 class="widget-title">
<span>{{widget-title}}</span>
</h3>
<ul class="cycle-slideshow list-unstyled"
data-level="0" data-list="web_link" data-cycle-slides="> li"
data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="5"
data-cycle-carousel-rwd-json="{768: 1}"
data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true"
data-cycle-pager=".banner-pager"
data-cycle-swipe="true"
data-cycle-pager-template="<span></span>">
<li class="widget-content widget-content-horizontal ">
<a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
<div class="link-img-wrap{{display_image}}">
<img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
</div>
</a>
<div class="widget-content-title">
<a class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}<span>教授</span></a>
<span data-list="statuses" data-level="1">
<span class="label status {{status-class}}">{{status}}</span>
</span>
</div>
</li>
</ul>
<div class="banner-pager"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/2.1.6/jquery.cycle2.swipe.min.js"></script>
<style type="text/css">
.widget-link{
.banner-pager{
position: relative;
text-align: center;
margin-top: 10px;
.cycle-pager-active{
background: #869791;
}
}
.banner-pager span {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
background: #ccc;
border-radius: 50%;
cursor: pointer;
}
}
.widget-content-horizontal{
float: left;
}
.openmorebken{
&:before{
content: '展開';
display: block;
position: relative;
}
}
.closemorebken{
&:before{
content: '關閉'!important;
display: block;
position: relative;
}
}
</style>