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.
657 lines
28 KiB
657 lines
28 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head lang="zh-CN">
|
|
<meta charset="UTF-8">
|
|
<title>长城期货股份有限公司</title>
|
|
<meta name="keywords"
|
|
content="长城期货股份有限公司成立于1996年,是一家国有控股的专业期货公司。公司总部设在广州,在北京、上海、深圳、佛山、郑州、大连设有分支机构。公司经过20多年的发展,基本形成扎根广佛地区辐射全国的业务格局并积累了深厚的有色、钢铁等产业资源。" />
|
|
<meta name="description"
|
|
content="长城期货的控股股东为中国长城资产管理股份有限公司(以下简称集团)旗下的长城国瑞证券,集团拥有完整的金融牌照和庞大的金融及产业资源,最大化挖掘综合金融集团的协同效应,致力于打造精品期货公司。" />
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<meta name="format-detection" content="address=no">
|
|
<link rel="shortcut icon" href="/favicon.png" type="image/png" />
|
|
|
|
<link href="themes/static_new/css/calendar.css" rel="stylesheet" />
|
|
<link href="themes/static_new/css/slicy.css" rel="stylesheet" />
|
|
<link href="themes/static_new/css/swiper.min.css" rel="stylesheet" />
|
|
<link href="themes/static_new/css/style.css" rel="stylesheet" />
|
|
<link href="themes/static_new/css/responsive.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="layout">
|
|
<!-- nav===============START -->
|
|
{include file="common/nav" /}
|
|
<!-- nav===============END -->
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
</script>
|
|
|
|
|
|
<div class="banner">
|
|
<div class="swiper-wrapper">
|
|
<!-- 首页大轮播(栏目跳转等)/文章 大轮播========================START -->
|
|
<!-- 关联栏目 -->
|
|
{hcTaglib:nav cid="8" max-level="3" item="vo" sort="sort asc" withFlag='1'}
|
|
<!-- {$vo.title} ( {$vo.href} ) <br/> -->
|
|
<!-- <img src="{$vo.category.banner.url|default=''}" alt=""> -->
|
|
<!-- <a href="{$vo.href|default='#'}" style="color: blue; text-decoration: underline;">{$vo.title|default=''}</a> -->
|
|
<div class="swiper-slide"
|
|
style="background: url('{$vo.category.banner.url|default=''}') no-repeat center/cover; cursor: pointer;"
|
|
onclick="window.location='{$vo.href|default=''}'">
|
|
<a href="{$vo.href|default=''}">
|
|
<div class="txt">
|
|
<div class="wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<h2></h2>
|
|
<h3>.</h3>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:nav}
|
|
<!-- 关联文章 -->
|
|
{hcTaglib:contentListByTagName tagStr="首页大轮播" moduleId="1" limit="5" mainField="id,title,sub_title,category_id,thumbnail,cover" sort="sort asc,id asc" item="vo"}
|
|
<!-- <a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}"> -->
|
|
<!-- {$vo.title} -->
|
|
<!-- </a> -->
|
|
{php}
|
|
$detailUrl = hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']]);
|
|
{/php}
|
|
|
|
<div class="swiper-slide"
|
|
style="background: url('{$vo.cover.url|default=''}') no-repeat center/cover; cursor: pointer;"
|
|
onclick="window.location='{$detailUrl}'">
|
|
<a href="{$detailUrl}">
|
|
<div class="txt">
|
|
<div class="wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<h2></h2>
|
|
<h3></h3>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:contentListByTagName}
|
|
<!-- 首页大轮播(栏目跳转等)/文章 大轮播========================END -->
|
|
|
|
<!-- <div class="swiper-slide" -->
|
|
<!-- style="background: url(themes/static_new/uploadfile/image/2023/1123/shop000001/69473670680d1245f4471dcf3d04dd9a.png) no-repeat center/cover; cursor: pointer;" -->
|
|
<!-- onclick="window.location='https://www.gwfutures.cn/article-detail-156.html'"> -->
|
|
<!-- <a href="https://www.gwfutures.cn/article-detail-156.html"> -->
|
|
<!-- <div class="txt"> -->
|
|
<!-- <div class="wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s"> -->
|
|
<!-- <h2></h2> -->
|
|
<!-- <h3></h3> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </a> -->
|
|
<!-- </div> -->
|
|
</div>
|
|
|
|
<div class="spans">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="htab">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1s">
|
|
<div class="prev"></div>
|
|
<div class="ovs">
|
|
<div class="stab">
|
|
<div class="swiper-wrapper">
|
|
<!-- 文章轮播 -->
|
|
{hcTaglib:contentListByTagName tagStr="首页显示" moduleId="1" limit="5" mainField="id,title,sub_title,category_id,thumbnail,cover" sort="sort asc,id asc" item="vo"}
|
|
|
|
<!-- <a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}"> -->
|
|
<!-- {$vo.title} -->
|
|
<!-- </a> -->
|
|
{php}
|
|
$detailUrl = hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']]);
|
|
{/php}
|
|
<!-- <img src="{$vo.thumbnail.url|default=''}" alt="" width="300px"> -->
|
|
<!-- <span>{$vo.sub_title}</span> -->
|
|
<div class="swiper-slide">
|
|
<a href="{$detailUrl}">
|
|
<div class="icon">
|
|
<img class="icon1"
|
|
src="{$vo.thumbnail.url|default=''}"
|
|
alt="">
|
|
<img class="icon2"
|
|
src="{$vo.thumbnail.url|default=''}"
|
|
alt="">
|
|
</div>
|
|
<div class="txt">
|
|
<h3>{$vo.sub_title}</h3>
|
|
<h4><i>查看详情</i></h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:contentListByTagName}
|
|
|
|
<!-- 栏目分类轮播 -->
|
|
{hcTaglib:nav cid="7" max-level="3" item="vo" sort="sort asc" withFlag='0'}
|
|
<!-- <a href="{$vo.href}" style="color: blue; text-decoration: underline;">{$vo.title}</a> -->
|
|
<div class="swiper-slide">
|
|
<a href="{$vo.href}">
|
|
<div class="icon">
|
|
<img class="icon1"
|
|
src="{$vo.category.thumbnail.url|default=''}"
|
|
alt="">
|
|
<img class="icon2"
|
|
src="{$vo.category.thumbnail.url|default=''}"
|
|
alt="">
|
|
</div>
|
|
<div class="txt">
|
|
<h3>{$vo.title}</h3>
|
|
<h4><i>查看详情</i></h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
{/hcTaglib:nav}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="next"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 首页中部6个小栏目================================================ START -->
|
|
<div class="hpage1" style="background: url(themes/static_new/images/qmbg1.jpg) no-repeat center/cover;">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<div class="swiperlist">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:nav cid="9" max-level="3" item="vo" sort="sort asc" withFlag='0'}
|
|
<div class="swiper-slide">
|
|
<div class="box">
|
|
<div class="icon">
|
|
<img src="{$vo.category.thumbnail.url|default=''}"
|
|
alt="">
|
|
</div>
|
|
<a href="{$vo.href|default='#'}">
|
|
<div class="text">
|
|
<h3>{$vo.title}</h3>
|
|
<h4></h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
{/hcTaglib:nav}
|
|
|
|
</div>
|
|
</div>
|
|
<div class="spans"></div>
|
|
</div>
|
|
</div>
|
|
<!-- 首页中部6个小栏目================================================ END -->
|
|
|
|
<!-- 首页小日历 ================================== START -->
|
|
<div class="hpage2" style="background: url(themes/static_new/images/qmbg2.jpg) no-repeat center/cover;">
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<div class="times">
|
|
<h2>交易及市场日历</h2>
|
|
<div class="item" id="dates-view">
|
|
|
|
</div>
|
|
<div class="showtime">
|
|
<div class="event">
|
|
<a href="javascript:void(0);" class="close"></a>
|
|
<h3><span id="date-show">2023-08-03</span> 事件</h3>
|
|
</div>
|
|
<ul class="event_ul">
|
|
<li data-id="1" href="javascript:void(0);"> 期权新上市合约 </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 首页小日历 ================================== END -->
|
|
|
|
<div class="calendar_pop" style="display: none;">
|
|
<div class="masklayer">
|
|
<div class="eligible_pop">
|
|
<a class="eligclose"></a>
|
|
<div class="yylay_middle_pop" style="height:450px;">
|
|
<div class="apprais"> </div>
|
|
<div class="apprais_cont" style="height:375px;overflow-y: auto;">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hpage3">
|
|
{php}
|
|
$category_href_187 = '';
|
|
{/php}
|
|
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s">
|
|
<div class="hti">
|
|
<ul>
|
|
<!-- 公司通知 -->
|
|
{hcTaglib:category id="187" item="vo" field="*"}
|
|
<li class="on"><a href="javascript:;">{$vo.title}</a></li>
|
|
{php}
|
|
$category_href_187 = $vo['alias'];
|
|
{/php}
|
|
{/hcTaglib:category}
|
|
<!-- 公司活动 -->
|
|
{hcTaglib:category id="188" item="vo" field="*"}
|
|
<li><a href="javascript:;">{$vo.title}</a></li>
|
|
{/hcTaglib:category}
|
|
<!-- <li><a href="javascript:;">市场热点</a></li> -->
|
|
{hcTaglib:category id="189" item="vo" field="*"}
|
|
<li><a href="javascript:;">{$vo.title}</a></li>
|
|
{/hcTaglib:category}
|
|
<!-- <li><a href="javascript:;">交易所公告</a></li> -->
|
|
{hcTaglib:category id="190" item="vo" field="*"}
|
|
<li><a href="javascript:;">{$vo.title}</a></li>
|
|
{/hcTaglib:category}
|
|
<!-- <li><a href="javascript:;">每日提示</a></li> -->
|
|
{hcTaglib:category id="191" item="vo" field="*"}
|
|
<li><a href="javascript:;">{$vo.title}</a></li>
|
|
{/hcTaglib:category}
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="boxs">
|
|
<!-- 公司通知 -->
|
|
<div class="bd ovs">
|
|
<div class="newsswiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
{hcTaglib:contentPage2 cid="187" mainField="*" subField="*" name="hc_content" limit="10" item="vo" sort="sort asc"}
|
|
{php}
|
|
$detailUrl = hcUrl('detail/index',['id'=>$vo['id'] ?? 0,'cid'=>$vo['category_id'] ?? 0]);
|
|
$thumbnailUrl = $vo['thumbnail']['url'] ?? '';
|
|
$createTimrStr = date('Y-m-d',strtotime($vo['create_time']));
|
|
{/php}
|
|
<div class="swiper-slide">
|
|
<a href="{$detailUrl}">
|
|
<div class="pic">
|
|
<img src="{:deal_image_url($thumbnailUrl)}"
|
|
alt="">
|
|
</div>
|
|
<div class="txt">
|
|
<h3>{$vo.title}</h3>
|
|
<p></p>
|
|
<h6>{$createTimrStr}</h6>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:contentPage2}
|
|
|
|
</div>
|
|
</div>
|
|
<div class="prev"></div>
|
|
<div class="next"></div>
|
|
</div>
|
|
<!-- 公司活动 -->
|
|
<div class="bd ovs">
|
|
<div class="newsswiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
{hcTaglib:contentPage2 cid="188" mainField="*" subField="*" name="hc_content" limit="10" item="vo" sort="sort asc"}
|
|
{php}
|
|
$detailUrl = hcUrl('detail/index',['id'=>$vo['id'] ?? 0,'cid'=>$vo['category_id'] ?? 0]);
|
|
$thumbnailUrl = $vo['thumbnail']['url'] ?? '';
|
|
$createTimrStr = date('Y-m-d',strtotime($vo['create_time']));
|
|
{/php}
|
|
<div class="swiper-slide">
|
|
<a href="{$detailUrl}">
|
|
<div class="pic">
|
|
<img src="{:deal_image_url($thumbnailUrl)}"
|
|
alt="">
|
|
</div>
|
|
<div class="txt">
|
|
<h3>{$vo.title}</h3>
|
|
<p></p>
|
|
<h6>{$createTimrStr}</h6>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:contentPage2}
|
|
|
|
</div>
|
|
</div>
|
|
<div class="prev"></div>
|
|
<div class="next"></div>
|
|
</div>
|
|
<!-- 市场热点 -->
|
|
<div class="bd ovs">
|
|
<div class="newsswiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:contentPage2 cid="189" mainField="*" subField="*" name="hc_content" limit="10" item="vo" sort="sort asc"}
|
|
{php}
|
|
$detailUrl = hcUrl('detail/index',['id'=>$vo['id'] ?? 0,'cid'=>$vo['category_id'] ?? 0]);
|
|
$thumbnailUrl = $vo['thumbnail']['url'] ?? '';
|
|
$createTimrStr = date('Y-m-d',strtotime($vo['create_time']));
|
|
{/php}
|
|
<div class="swiper-slide">
|
|
<a href="{$detailUrl}">
|
|
<div class="pic">
|
|
<img src="{:deal_image_url($thumbnailUrl)}"
|
|
alt="">
|
|
</div>
|
|
<div class="txt">
|
|
<h3>{$vo.title}</h3>
|
|
<p></p>
|
|
<h6>{$createTimrStr}</h6>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:contentPage2}
|
|
|
|
</div>
|
|
</div>
|
|
<div class="prev"></div>
|
|
<div class="next"></div>
|
|
</div>
|
|
<!-- 交易所公告 -->
|
|
<div class="bd ovs">
|
|
<div class="newsswiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:contentPage2 cid="190" mainField="*" subField="*" name="hc_content" limit="10" item="vo" sort="sort asc"}
|
|
{php}
|
|
$detailUrl = hcUrl('detail/index',['id'=>$vo['id'] ?? 0,'cid'=>$vo['category_id'] ?? 0]);
|
|
$thumbnailUrl = $vo['thumbnail']['url'] ?? '';
|
|
$createTimrStr = date('Y-m-d',strtotime($vo['create_time']));
|
|
{/php}
|
|
<div class="swiper-slide">
|
|
<a href="{$detailUrl}">
|
|
<div class="pic">
|
|
<img src="{:deal_image_url($thumbnailUrl)}"
|
|
alt="">
|
|
</div>
|
|
<div class="txt">
|
|
<h3>{$vo.title}</h3>
|
|
<p></p>
|
|
<h6>{$createTimrStr}</h6>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:contentPage2}
|
|
</div>
|
|
</div>
|
|
<div class="prev"></div>
|
|
<div class="next"></div>
|
|
</div>
|
|
<!-- 每日提醒 -->
|
|
<div class="bd ovs">
|
|
<div class="newsswiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:contentPage2 cid="191" mainField="*" subField="*" name="hc_content" limit="10" item="vo" sort="sort asc"}
|
|
{php}
|
|
$detailUrl = hcUrl('detail/index',['id'=>$vo['id'] ?? 0,'cid'=>$vo['category_id'] ?? 0]);
|
|
$thumbnailUrl = $vo['thumbnail']['url'] ?? '';
|
|
$createTimrStr = date('Y-m-d',strtotime($vo['create_time']));
|
|
{/php}
|
|
<div class="swiper-slide">
|
|
<a href="{$detailUrl}">
|
|
<div class="pic">
|
|
<img src="{:deal_image_url($thumbnailUrl)}"
|
|
alt="">
|
|
</div>
|
|
<div class="txt">
|
|
<h3>{$vo.title}</h3>
|
|
<p></p>
|
|
<h6>{$createTimrStr}</h6>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{/hcTaglib:contentPage2}
|
|
|
|
</div>
|
|
</div>
|
|
<div class="prev"></div>
|
|
<div class="next"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- 公司通知--查看更多 -->
|
|
<div style="text-align: center; margin-top: 0.5rem; color: #808080;">
|
|
<a href="{$category_href_187}">查看更多</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 友情链接 -->
|
|
<div class="hlink">
|
|
<div class="wrap">
|
|
<h3>友情链接</h3>
|
|
<div class="ulink">
|
|
<ul class="swiper-wrapper">
|
|
|
|
|
|
<li class="swiper-slide"><a href="http://www.csrc.gov.cn/"><img
|
|
src="themes/static_new/uploadfile/image/2023/0922/shop000001/4711779c944c6845c12b5cdf4cda8b06.jpg"
|
|
alt="中国证监会"></a></li>
|
|
<li class="swiper-slide"><a href="https://www.gwgsc.com/main/shouye/index.shtml"><img
|
|
src="themes/static_new/uploadfile/image/2023/0922/shop000001/6618da4665f5763ba844058033f8f6a9.jpg"
|
|
alt="长城国瑞证券"></a></li>
|
|
<li class="swiper-slide"><a href="https://www.cfachina.org/"><img
|
|
src="themes/static_new/uploadfile/image/2023/0922/shop000001/ff6d7215ed00d4110f07934db56f22fe.jpg"
|
|
alt="中国期货业协会"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- nav===============START -->
|
|
{include file="common/footer" /}
|
|
<!-- nav===============END -->
|
|
</div>
|
|
{include file="common/uitfexi" /}
|
|
|
|
|
|
<script src="themes/static_new/js/jquery-3.5.1.min.js" type="text/javascript"></script>
|
|
<script src="themes/static_new/layui/layui.js" type="text/javascript"></script>
|
|
<script src="themes/static_new/js/swiper.min.js" type="text/javascript"></script>
|
|
<script src="themes/static_new/js/wow.min.js" type="text/javascript"></script>
|
|
<script src="themes/static_new/js/script.js" type="text/javascript"></script>
|
|
|
|
|
|
<script>
|
|
layui.use(['form', 'layer'], function () {
|
|
var form = layui.form;
|
|
form.on('submit(submitTo)', function (data) {
|
|
var index = layer.load();
|
|
$.post('/default/advice-plan', data.field, function (result) {
|
|
layer.close(index);
|
|
//layer.msg(result.msg);
|
|
if (result.code == 200) {
|
|
$('.mumk').hide();
|
|
$('.mask').hide();
|
|
$('.mask').show();
|
|
$('.qmmumk').show();
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
$(".search_btn").on("click", function () {
|
|
if ($("#searchKeyword").val() == "") {
|
|
layer.msg("请输入搜索内容");
|
|
return;
|
|
}
|
|
location.href = "/search-" + encodeURIComponent($("#searchKeyword").val()) + ".html";
|
|
});
|
|
$('.qmmumk .icon').click(function () {
|
|
$('.qmmumk').hide();
|
|
$('.mask').hide();
|
|
})
|
|
});
|
|
</script>
|
|
|
|
|
|
<script src="themes/static_new/js/calendar.js" type="text/javascript"></script>
|
|
|
|
|
|
<script>
|
|
function timeclick(e) {
|
|
$("#date-show").html(e);
|
|
$(".event_ul").empty();
|
|
$.getJSON("/calendar-article-list", { date: e }, function (result) {
|
|
for (var i = 0; i < result.data.length; i++) {
|
|
$(".event_ul").append('<li data-id="' + result.data[i].id + '" href="javascript:void(0);"> ' + result.data[i].title + ' </li>');
|
|
}
|
|
$(".showtime").show();
|
|
$('#dates-view').hide();
|
|
});
|
|
}
|
|
var calendarObject = new Calendar({
|
|
// 设置显示位置
|
|
parent: 'dates-view',
|
|
// 初始化显示时间
|
|
// viewMode:
|
|
// 0 - 日期模式(默认值)
|
|
viewMode: 0,
|
|
|
|
})
|
|
|
|
$(".event_ul").on("click", "li", function () {
|
|
$.getJSON("/calendar-article-detail", { id: $(this).data("id") }, function (result) {
|
|
$(".apprais").html(result.data.title);
|
|
$(".apprais_cont").html(result.data.content);
|
|
$(".calendar_pop").show();
|
|
});
|
|
|
|
});
|
|
$('.hpage2 .event .close').click(function () {
|
|
$(".showtime").hide();
|
|
$('#dates-view').show();
|
|
})
|
|
$('.eligclose').click(function () {
|
|
$(".calendar_pop").hide();
|
|
})
|
|
|
|
|
|
// 循环遍历日期元素,找到目标日期并添加类名
|
|
function timeeh() {
|
|
// 获取日历容器和日期元素
|
|
const calendar = document.getElementById('dates-view');
|
|
const days = calendar.querySelectorAll('.cal-date');
|
|
|
|
$.getJSON('/calendar/date-list', { year: calendarObject.data.year, month: calendarObject.data.month }, function (result) {
|
|
var targetDates = [];
|
|
for (var i = 0; i < result.data.length; i++) {
|
|
targetDates.push(result.data[i].created_at);
|
|
}
|
|
|
|
// 要添加类的日期
|
|
//var targetDates = ['2023-8-14', '2023-8-15','2023-8-16', '2023-8-17', '2023-8-18', '2023-8-19', '2023-9-19'];
|
|
|
|
days.forEach(day => {
|
|
const date = day.getAttribute('data-date');
|
|
if (targetDates.includes(date)) {
|
|
day.classList.add('on');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
timeeh()
|
|
|
|
$('.cal-prev').click(function () {
|
|
setTimeout(function () {
|
|
timeeh()
|
|
}, 10)
|
|
})
|
|
|
|
$('.cal-next').click(function () {
|
|
setTimeout(function () {
|
|
timeeh()
|
|
}, 10)
|
|
})
|
|
|
|
var swiper = new Swiper('.htab .stab', {
|
|
navigation: {
|
|
nextEl: '.htab .next',
|
|
prevEl: '.htab .prev',
|
|
},
|
|
slidesPerView: 2, //横屏屏个数
|
|
loop: true, //循环
|
|
breakpoints: {
|
|
1100: {
|
|
slidesPerView: 4,
|
|
},
|
|
|
|
},
|
|
});
|
|
var swiper = new Swiper('.hpage3 .newsswiper', {
|
|
navigation: {
|
|
nextEl: '.hpage3 .next',
|
|
prevEl: '.hpage3 .prev',
|
|
},
|
|
slidesPerView: 1, //横屏屏个数
|
|
spaceBetween: 20, //间距
|
|
breakpoints: {
|
|
1100: {
|
|
slidesPerView: 3, //横屏屏个数
|
|
spaceBetween: 60, //间距
|
|
},
|
|
},
|
|
loop: true, //循环
|
|
autoplay: {
|
|
delay: 3000,
|
|
stopOnLastSlide: false, //如果设置为true,当切换到最后一个slide时停止自动切换。(loop模式下无效)。
|
|
disableOnInteraction: false, //用户操作swiper之后,是否禁止autoplay。默认为true:停止。
|
|
}
|
|
});
|
|
var swiper = new Swiper('.hpage1 .swiperlist', {
|
|
pagination: {
|
|
el: '.hpage1 .spans',
|
|
clickable: true,
|
|
},
|
|
slidesPerView: 1, //横屏屏个数
|
|
grid: {
|
|
rows: 2,
|
|
},
|
|
spaceBetween: 20, //间距
|
|
breakpoints: {
|
|
1100: {
|
|
slidesPerView: 3, //横屏屏个数
|
|
grid: {
|
|
rows: 2,
|
|
},
|
|
spaceBetween: 36, //间距
|
|
},
|
|
},
|
|
});
|
|
|
|
$('.hpage3 li').click(function () {
|
|
$('.hpage3 li').removeClass('on');
|
|
$(this).addClass('on');
|
|
$('.hpage3 .bd ').hide();
|
|
$('.hpage3 .bd ').eq($(this).index()).show();
|
|
});
|
|
|
|
var swiper = new Swiper('.banner', {
|
|
pagination: {
|
|
el: '.banner .spans',
|
|
clickable: true,
|
|
},
|
|
slidesPerView: 1, //横屏屏个数
|
|
centeredSlides: true, //是否居中
|
|
loop: true, //循环
|
|
autoplay: {
|
|
delay: 5000,
|
|
stopOnLastSlide: false, //如果设置为true,当切换到最后一个slide时停止自动切换。(loop模式下无效)。
|
|
disableOnInteraction: false, //用户操作swiper之后,是否禁止autoplay。默认为true:停止。
|
|
},
|
|
observer: true,
|
|
observeParents: true,
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|