41 changed files with 0 additions and 5904 deletions
-
126public/themes/website/1/zh/dongya-web/a_article_detail222222.html
-
161public/themes/website/1/zh/dongya-web/a_article_list22222.html
-
369public/themes/website/1/zh/dongya-web/a_contact_us222222.html
-
417public/themes/website/1/zh/dongya-web/a_contact_us3333333333.html
-
14public/themes/website/1/zh/dongya-web/a_gotogw22222.html
-
1public/themes/website/1/zh/dongya-web/a_kehu_service.html
-
154public/themes/website/1/zh/dongya-web/a_qihuo222222222.html
-
53public/themes/website/1/zh/dongya-web/list_culture.html
-
107public/themes/website/1/zh/dongya-web/list_education.html
-
149public/themes/website/1/zh/dongya-web/list_fanxiqian.html
-
137public/themes/website/1/zh/dongya-web/list_information.html
-
132public/themes/website/1/zh/dongya-web/list_news.html
-
91public/themes/website/1/zh/dongya-web/list_notice.html
-
61public/themes/website/1/zh/dongya-web/list_shuziqihuo.html
-
191public/themes/website/1/zh/dongya-web/single_about.html
-
94public/themes/website/1/zh/dongya-web/single_ask_about.html
-
140public/themes/website/1/zh/dongya-web/single_bank_transfer.html
-
447public/themes/website/1/zh/dongya-web/single_breed.html
-
170public/themes/website/1/zh/dongya-web/single_characteristic.html
-
178public/themes/website/1/zh/dongya-web/single_commission.html
-
152public/themes/website/1/zh/dongya-web/single_contact.html
-
92public/themes/website/1/zh/dongya-web/single_downapp.html
-
62public/themes/website/1/zh/dongya-web/single_downinfo.html
-
126public/themes/website/1/zh/dongya-web/single_downpc.html
-
311public/themes/website/1/zh/dongya-web/single_founds.html
-
117public/themes/website/1/zh/dongya-web/single_guide.html
-
125public/themes/website/1/zh/dongya-web/single_jujianren.html
-
165public/themes/website/1/zh/dongya-web/single_margin.html
-
109public/themes/website/1/zh/dongya-web/single_message.html
-
190public/themes/website/1/zh/dongya-web/single_online.html
-
198public/themes/website/1/zh/dongya-web/single_open_account.html
-
98public/themes/website/1/zh/dongya-web/single_other_service.html
-
135public/themes/website/1/zh/dongya-web/single_rule.html
-
75public/themes/website/1/zh/dongya-web/single_search222222.html
-
73public/themes/website/1/zh/dongya-web/single_speed.html
-
135public/themes/website/1/zh/dongya-web/single_tousu.html
-
60public/themes/website/1/zh/dongya-web/single_trade.html
-
149public/themes/website/1/zh/dongya-web/single_yanjiuyuan.html
-
130public/themes/website/1/zh/dongya-web/single_zhibo.html
-
113public/themes/website/1/zh/dongya-web/single_zhibo_list.html
-
97public/themes/website/1/zh/dongya-web/single_zuzhi.html
@ -1,126 +0,0 @@ |
|||
文章详情-の子页面 |
|||
|
|||
<br> |
|||
<br> |
|||
|
|||
{$current_cate['title']} |
|||
|
|||
{php} |
|||
$currentCateId = intval($current_cate['id'] ?? ''); |
|||
$currentCatePid = intval($current_cate['parent_id'] ?? ''); |
|||
if($currentCatePid == 0){ |
|||
$currentCatePid = $currentCateId; |
|||
} |
|||
var_dump($currentCateId); // 当前的分类 |
|||
{/php} |
|||
|
|||
<!-- 获取父级分类详情 --> |
|||
{hcTaglib:category id="$currentCatePid" item="vo" field="*"} |
|||
|
|||
<img src="{$vo.banner.url|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
|
|||
<br>列表上方位置导航 ========== START <br> |
|||
<a href="/">首页</a> |
|||
<!-- 子栏目 --> |
|||
{volist name="category_with_order_arr" id="oneCate"} |
|||
<!-- {$oneCate.title} --> |
|||
<a href="{$oneCate.alias}">{$oneCate.title}</a> |
|||
{/volist} |
|||
<!-- 当前的栏目 --> |
|||
<a href="{$current_cate.alias}">{$current_cate.title}</a> |
|||
<br>列表上方位置导航 ========== END <br><br><br><br> |
|||
|
|||
<br> |
|||
<br> |
|||
标题: {$hc_content.title} <br> 发布时间: {$hc_content.publish_time}, 浏览量: {$hc_content.hits}, 作者: {$hc_content.author} |
|||
<br> |
|||
<br> |
|||
|
|||
|
|||
|
|||
详情内容 ====================== START <br> |
|||
<div class="content-detail"> |
|||
{php} |
|||
var_dump($hc_content); |
|||
{/php} |
|||
</div> |
|||
<br> |
|||
<br> |
|||
显示富文本内容 ============== START <br> |
|||
<!-- 正确方式：使用 |raw 过滤器 显示富文本内容 --> |
|||
<div class="content-detail"> |
|||
{$hc_content.content|raw} |
|||
</div> |
|||
显示富文本内容 ============== END <br> |
|||
|
|||
<br> |
|||
<br> |
|||
文章详情 中的附件信息展示 ====== START <br> |
|||
{volist name="$hc_content['main_content']['more_file']" id="vo"} |
|||
<!-- <a href="{$vo['url']|default=''}" target="_blank" download="{$vo['name']|default=''}"> --> |
|||
<!-- <img src="__TMPL__/static/images/download/pdfico.png" alt=""> --> |
|||
<!-- <span>{$vo['name']|default=''}</span> --> |
|||
<!-- </a> --> |
|||
|
|||
<div class="attachment-item"> |
|||
<img src="__TMPL__/static/images/download/pdfico.png" alt=""> |
|||
<span>{$vo['name']|default=''}</span> |
|||
|
|||
<!-- 预览按钮 --> |
|||
<a href="{$vo['url']|default=''}" target="_blank" class="btn-preview"> |
|||
预览 |
|||
</a> |
|||
|
|||
<!-- 下载按钮 --> |
|||
<a href="{$vo['url']|default=''}" download="{$vo['name']|default=''}" class="btn-download"> |
|||
下载 |
|||
</a> |
|||
</div> |
|||
|
|||
{/volist} |
|||
<br> |
|||
文章详情 中的附件信息展示 ====== END |
|||
<br> |
|||
<br> |
|||
|
|||
详情内容 ====================== END <br> |
|||
<br> |
|||
<br> |
|||
|
|||
<br> |
|||
<div class="page-detail"> |
|||
<div class="page"> |
|||
{hcTaglib:preContent /} |
|||
</div> |
|||
<a href="{:hcUrl('list/index',['id'=>$hc_content['category_id']])}" class="back"> |
|||
<img src="__TMPL__/static/images/dangjian/back.png" /> |
|||
<p>返回列表</p> |
|||
</a> |
|||
<div class="page"> |
|||
{hcTaglib:nextContent /} |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<style> |
|||
.content-detail { |
|||
max-width: 1200px; /* 最大宽度限制 */ |
|||
margin: 0 auto; /* 水平居中 */ |
|||
padding: 0 20px; /* 左右留白，适应小屏幕 */ |
|||
box-sizing: border-box; /* 内边距不影响宽度计算 */ |
|||
} |
|||
|
|||
/* 确保图片不会超出容器宽度 */ |
|||
.content-detail img { |
|||
max-width: 100%; |
|||
height: auto; |
|||
} |
|||
|
|||
/* 确保表格不会超出容器宽度 */ |
|||
.content-detail table { |
|||
max-width: 100%; |
|||
overflow-x: auto; |
|||
display: block; |
|||
} |
|||
</style> |
|||
@ -1,161 +0,0 @@ |
|||
文章列表通用-の子页面 (qihuostudy) |
|||
<br/> |
|||
<br/> |
|||
|
|||
当前的分类ID: |
|||
{php} |
|||
$currentCateId = intval($current_cate['id'] ?? ''); |
|||
$currentCatePid = intval($current_cate['parent_id'] ?? ''); |
|||
if($currentCatePid == 0){ |
|||
$currentCatePid = $currentCateId; |
|||
} |
|||
var_dump($currentCateId); // 当前的分类 |
|||
// var_dump($category_with_order_arr); |
|||
// var_dump($current_cate); |
|||
var_dump($currentCatePid); // 当前分类的父级分类 |
|||
// exit(); |
|||
|
|||
{/php} |
|||
|
|||
<br> |
|||
<br> |
|||
<br> |
|||
<!-- 获取分类详情 --> |
|||
{hcTaglib:category id="$currentCatePid" item="vo" field="*"} |
|||
<img src="{$vo.banner.url|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
<br> |
|||
<br> |
|||
|
|||
左侧分类: ====================== START |
|||
{hcTaglib:subcategory pid="$currentCatePid" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{$vo.alias|default=''}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
<!-- {hcTaglib:subcategory pid="151" name="hc_content" item="vo" sort="sort asc"} --> |
|||
<!-- {$vo.title} <br> --> |
|||
<!-- {/hcTaglib:subcategory} --> |
|||
左侧分类: ====================== END |
|||
<br> |
|||
<br> |
|||
<br> |
|||
<br> |
|||
<br> |
|||
|
|||
|
|||
<br>列表上方位置导航 ========== START <br> |
|||
<a href="/">首页</a> |
|||
<!-- 子栏目 --> |
|||
{volist name="category_with_order_arr" id="oneCate"} |
|||
<!-- {$oneCate.title} --> |
|||
<a href="{$oneCate.alias}">{$oneCate.title}</a> |
|||
{/volist} |
|||
<!-- 当前的栏目 --> |
|||
<!-- <a href="javascript:;">{$current_cate.title}</a> --> |
|||
<a href="{$current_cate.alias}">{$current_cate.title}</a> |
|||
<br>列表上方位置导航 ========== END <br><br><br><br> |
|||
|
|||
<!-- 中间内容列表 --> |
|||
{hcTaglib:contentPage2 cid="$currentCateId" moduleId="1" name="articleList" limit="3" item="vo" field="id,title,thumbnail" sort="publish_time desc"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}"> |
|||
{$vo.title} |
|||
</a> |
|||
|
|||
<span>{$vo.sub_title}</span> |
|||
<span>{$vo.publish_time}</span> |
|||
<br> |
|||
|
|||
{/hcTaglib:contentPage2} |
|||
|
|||
<!-- 获取分页信息 --> |
|||
<br> |
|||
<br> |
|||
{php} |
|||
$total = 0; |
|||
$lastPage = 0; |
|||
$currentPage = 0; |
|||
if ($articleList) { |
|||
$total = $articleList->total(); |
|||
$lastPage = $articleList->lastPage(); |
|||
$currentPage = $articleList->currentPage(); |
|||
echo "总条数: " . $articleList->total() . "<br>"; |
|||
echo "总页数: " . $articleList->lastPage() . "<br>"; |
|||
echo "当前页: " . $articleList->currentPage() . "<br>"; |
|||
echo "每页数量: " . $articleList->listRows() . "<br>"; |
|||
} |
|||
{/php} |
|||
<br> |
|||
<!-- {$articleList|raw} --> |
|||
<!-- 原有分页输出 --> |
|||
<div class="pagination-wrapper"> |
|||
{$articleList|raw} |
|||
</div> |
|||
|
|||
<br> |
|||
<br> |
|||
<br> |
|||
<br> |
|||
<!-- 分页样式 ========= START --> |
|||
<style> |
|||
.pagination-wrapper .pagination { |
|||
display: flex !important; |
|||
flex-wrap: wrap; |
|||
justify-content: center; |
|||
gap: 4px; |
|||
padding-left: 0; |
|||
list-style: none; |
|||
} |
|||
|
|||
.pagination-wrapper .pagination li { |
|||
display: inline-flex; |
|||
} |
|||
|
|||
.pagination-wrapper .pagination a, |
|||
.pagination-wrapper .pagination span { |
|||
display: inline-flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding: 6px 12px; |
|||
margin: 0 2px; |
|||
border: 1px solid #dee2e6; |
|||
border-radius: 0.25rem; |
|||
text-decoration: none; |
|||
color: #007bff; |
|||
} |
|||
|
|||
.pagination-wrapper .pagination a:hover { |
|||
background-color: #e9ecef; |
|||
} |
|||
|
|||
.pagination-wrapper .pagination .active span { |
|||
background-color: #007bff; |
|||
border-color: #007bff; |
|||
color: #fff; |
|||
} |
|||
|
|||
.page-arrow.disabled { |
|||
color: #ccc; /* 灰色文字 */ |
|||
border-color: #e0e0e0; /* 灰色边框 */ |
|||
cursor: not-allowed; /* 禁用光标 */ |
|||
} |
|||
</style> |
|||
<!-- 分页样式 ========= END --> |
|||
|
|||
<!-- 新增：分页箭头置灰 JS ========= START --> |
|||
<script> |
|||
// 获取分页数据和当前页信息 |
|||
let currentPage = {$currentPage}; |
|||
let lastPage = {$lastPage}; |
|||
console.log(currentPage) // 当前页码 |
|||
console.log(lastPage) // 最后一页的页码 |
|||
|
|||
// 等待页面加载完成 |
|||
document.addEventListener('DOMContentLoaded', function() { |
|||
console.log("加载完成, 获取元素修改样式"); |
|||
|
|||
}); |
|||
</script> |
|||
<!-- 分页箭头置灰 JS ========= END --> |
|||
|
|||
@ -1,369 +0,0 @@ |
|||
联系我们-の子页面 |
|||
|
|||
|
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<title>百度地图 - 定位到指定地址 + 搜索功能</title> |
|||
<style> |
|||
#container { |
|||
width: 100%; |
|||
height: 500px; |
|||
margin: 0 auto; |
|||
position: relative; |
|||
} |
|||
.address-info { |
|||
margin: 10px 0; |
|||
padding: 10px; |
|||
background-color: #f5f5f5; |
|||
border-radius: 4px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
/* 搜索框容器 */ |
|||
.search-container { |
|||
position: absolute; |
|||
top: 10px; |
|||
left: 50%; |
|||
transform: translateX(-50%); |
|||
z-index: 999; |
|||
width: 80%; |
|||
max-width: 400px; |
|||
} |
|||
.search-box { |
|||
display: flex; |
|||
width: 100%; |
|||
background: #fff; |
|||
border-radius: 4px; |
|||
box-shadow: 0 2px 6px rgba(0,0,0,0.3); |
|||
overflow: hidden; |
|||
} |
|||
.search-box input { |
|||
flex: 1; |
|||
padding: 10px 12px; |
|||
border: none; |
|||
outline: none; |
|||
font-size: 14px; |
|||
} |
|||
.search-box button { |
|||
padding: 10px 16px; |
|||
background-color: #3388ff; |
|||
color: white; |
|||
border: none; |
|||
cursor: pointer; |
|||
font-size: 14px; |
|||
transition: background 0.2s; |
|||
} |
|||
.search-box button:hover { |
|||
background-color: #2266cc; |
|||
} |
|||
|
|||
/* 搜索建议下拉框 */ |
|||
.suggestion-dropdown { |
|||
position: absolute; |
|||
top: 100%; |
|||
left: 0; |
|||
right: 0; |
|||
background: #fff; |
|||
border: 1px solid #ccc; |
|||
border-top: none; |
|||
border-radius: 0 0 4px 4px; |
|||
box-shadow: 0 2px 6px rgba(0,0,0,0.2); |
|||
max-height: 200px; |
|||
overflow-y: auto; |
|||
z-index: 1000; |
|||
display: none; |
|||
} |
|||
.suggestion-item { |
|||
padding: 8px 12px; |
|||
cursor: pointer; |
|||
font-size: 13px; |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
.suggestion-item:hover { |
|||
background-color: #f0f0f0; |
|||
} |
|||
|
|||
/* 定位按钮样式 */ |
|||
.my-location-btn { |
|||
position: absolute; |
|||
right: 10px; |
|||
bottom: 20px; |
|||
z-index: 999; |
|||
background-color: #fff; |
|||
border: 1px solid #ccc; |
|||
border-radius: 4px; |
|||
padding: 8px 12px; |
|||
font-size: 14px; |
|||
cursor: pointer; |
|||
box-shadow: 0 1px 3px rgba(0,0,0,0.2); |
|||
transition: all 0.2s; |
|||
} |
|||
.my-location-btn:hover { |
|||
background-color: #f0f0f0; |
|||
border-color: #999; |
|||
} |
|||
.map-wrapper { |
|||
position: relative; |
|||
} |
|||
|
|||
/* 加载提示样式 */ |
|||
.loading-tip { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
background: rgba(0,0,0,0.7); |
|||
color: #fff; |
|||
padding: 10px 20px; |
|||
border-radius: 4px; |
|||
z-index: 1000; |
|||
font-size: 14px; |
|||
display: none; |
|||
} |
|||
|
|||
/* 搜索结果标注特殊样式 */ |
|||
.search-marker-label { |
|||
background: #ff5722; |
|||
color: white; |
|||
padding: 2px 6px; |
|||
border-radius: 12px; |
|||
font-size: 12px; |
|||
white-space: nowrap; |
|||
} |
|||
</style> |
|||
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=YVKEmy3L5Btf2QhFHEN7ZTCIQF8R4fzr"></script> |
|||
</head> |
|||
<body> |
|||
<div class="address-info"> |
|||
<strong>目标地址：</strong>广州市天河区珠江西路17号1901房自编单元-1901-F单元 |
|||
</div> |
|||
|
|||
<div class="map-wrapper"> |
|||
<div id="container"></div> |
|||
|
|||
<!-- 搜索框 --> |
|||
<div class="search-container"> |
|||
<div class="search-box"> |
|||
<input type="text" id="searchInput" placeholder="搜索地点，如：天河城、广州塔、珠江新城地铁站" autocomplete="off"> |
|||
<button id="searchBtn">搜索</button> |
|||
</div> |
|||
<div id="suggestionDropdown" class="suggestion-dropdown"></div> |
|||
</div> |
|||
|
|||
<button id="myLocationBtn" class="my-location-btn">📍 定位到此地址</button> |
|||
<div id="loadingTip" class="loading-tip">正在定位...</div> |
|||
</div> |
|||
|
|||
<script type="text/javascript"> |
|||
// ========== 初始化地图 ========== |
|||
var targetAddress = "广州市天河区珠江西路17号1901房自编单元-1901-F单元"; |
|||
var targetCity = "广州市"; |
|||
|
|||
var map = new BMap.Map("container"); |
|||
map.centerAndZoom(new BMap.Point(113.264, 23.129), 14); |
|||
map.enableScrollWheelZoom(true); |
|||
|
|||
// 添加地图控件（比例尺、缩放控件） |
|||
map.addControl(new BMap.NavigationControl()); |
|||
map.addControl(new BMap.ScaleControl()); |
|||
|
|||
// 全局变量 |
|||
var targetPoint = null; |
|||
var targetMarker = null; |
|||
var currentSearchMarker = null; // 当前搜索结果的标注 |
|||
var localSearch = null; // 本地搜索实例 |
|||
|
|||
// ========== 地址解析函数（定位到目标地址） ========== |
|||
function parseAddressAndLocate() { |
|||
var loadingTip = document.getElementById("loadingTip"); |
|||
loadingTip.style.display = "block"; |
|||
|
|||
var myGeo = new BMap.Geocoder(); |
|||
myGeo.getPoint(targetAddress, function(point) { |
|||
loadingTip.style.display = "none"; |
|||
|
|||
if (point) { |
|||
targetPoint = point; |
|||
map.centerAndZoom(point, 18); |
|||
|
|||
if (targetMarker) { |
|||
map.removeOverlay(targetMarker); |
|||
} |
|||
|
|||
targetMarker = new BMap.Marker(point); |
|||
map.addOverlay(targetMarker); |
|||
|
|||
var infoWindow = new BMap.InfoWindow( |
|||
"<strong>目标地址</strong><br/>广州市天河区珠江西路17号1901房自编单元-1901-F单元", |
|||
{ width: 220, title: "📍 定位点" } |
|||
); |
|||
targetMarker.addEventListener("click", function() { |
|||
this.openInfoWindow(infoWindow); |
|||
}); |
|||
targetMarker.openInfoWindow(infoWindow); |
|||
} else { |
|||
alert("地址解析失败，请检查地址格式是否正确！"); |
|||
} |
|||
}, targetAddress, { region: targetCity }); |
|||
} |
|||
|
|||
// ========== 搜索功能 ========== |
|||
function initLocalSearch() { |
|||
// 创建本地搜索实例 |
|||
localSearch = new BMap.LocalSearch(map, { |
|||
renderOptions: { map: map, autoViewport: true }, // 自动调整视野 |
|||
onSearchComplete: function(results) { |
|||
if (localSearch.getStatus() == BMAP_STATUS_SUCCESS) { |
|||
// 搜索成功，获取第一个结果 |
|||
var firstResult = results.getPoi(0); |
|||
if (firstResult) { |
|||
// 清除之前的搜索标注 |
|||
if (currentSearchMarker) { |
|||
map.removeOverlay(currentSearchMarker); |
|||
} |
|||
|
|||
// 获取搜索结果的坐标 |
|||
var searchPoint = firstResult.point; |
|||
map.centerAndZoom(searchPoint, 18); |
|||
|
|||
// 添加搜索结果的标注 |
|||
currentSearchMarker = new BMap.Marker(searchPoint); |
|||
map.addOverlay(currentSearchMarker); |
|||
|
|||
// 创建信息窗口 |
|||
var infoWindow = new BMap.InfoWindow( |
|||
"<strong>搜索结果</strong><br/>" + firstResult.title + "<br/>" + firstResult.address, |
|||
{ width: 220, title: "🔍 " + firstResult.title } |
|||
); |
|||
currentSearchMarker.addEventListener("click", function() { |
|||
this.openInfoWindow(infoWindow); |
|||
}); |
|||
currentSearchMarker.openInfoWindow(infoWindow); |
|||
} |
|||
} else { |
|||
alert("未找到相关地点，请尝试其他关键词"); |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 执行搜索 |
|||
function searchLocation(keyword) { |
|||
if (!keyword || keyword.trim() === "") { |
|||
alert("请输入搜索关键词"); |
|||
return; |
|||
} |
|||
|
|||
if (!localSearch) { |
|||
initLocalSearch(); |
|||
} |
|||
|
|||
// 设置搜索范围（广州市） |
|||
localSearch.search(keyword, { region: targetCity }); |
|||
} |
|||
|
|||
// ========== 搜索建议（自动补全） ========== |
|||
var suggestionTimeout = null; |
|||
|
|||
function getSuggestions(keyword) { |
|||
if (!keyword || keyword.trim() === "") { |
|||
document.getElementById("suggestionDropdown").style.display = "none"; |
|||
return; |
|||
} |
|||
|
|||
// 使用百度地图的Suggestion服务 |
|||
var suggestion = new BMap.Suggestion(); |
|||
suggestion.getSuggestions({ |
|||
query: keyword, |
|||
region: targetCity, |
|||
onSearchComplete: function(result) { |
|||
var dropdown = document.getElementById("suggestionDropdown"); |
|||
if (result && result.length > 0) { |
|||
var html = ""; |
|||
for (var i = 0; i < Math.min(result.length, 8); i++) { |
|||
var item = result[i]; |
|||
html += '<div class="suggestion-item" data-name="' + item.name + '" data-address="' + (item.address || '') + '">'; |
|||
html += '<strong>' + item.name + '</strong>'; |
|||
if (item.address) { |
|||
html += '<span style="display:block;font-size:12px;color:#999;">' + item.address + '</span>'; |
|||
} |
|||
html += '</div>'; |
|||
} |
|||
dropdown.innerHTML = html; |
|||
dropdown.style.display = "block"; |
|||
|
|||
// 绑定点击事件 |
|||
var items = dropdown.querySelectorAll(".suggestion-item"); |
|||
items.forEach(function(item) { |
|||
item.addEventListener("click", function() { |
|||
var name = this.getAttribute("data-name"); |
|||
document.getElementById("searchInput").value = name; |
|||
dropdown.style.display = "none"; |
|||
searchLocation(name); |
|||
}); |
|||
}); |
|||
} else { |
|||
dropdown.style.display = "none"; |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// ========== 绑定事件 ========== |
|||
// 页面加载完成后自动定位到目标地址 |
|||
parseAddressAndLocate(); |
|||
initLocalSearch(); |
|||
|
|||
// 定位按钮：回到目标地址 |
|||
document.getElementById("myLocationBtn").onclick = function() { |
|||
if (targetPoint) { |
|||
map.centerAndZoom(targetPoint, 18); |
|||
if (targetMarker) { |
|||
var infoWindow = new BMap.InfoWindow( |
|||
"<strong>目标地址</strong><br/>广州市天河区珠江西路17号1901房自编单元-1901-F单元", |
|||
{ width: 220, title: "📍 定位点" } |
|||
); |
|||
targetMarker.openInfoWindow(infoWindow); |
|||
} |
|||
} else { |
|||
parseAddressAndLocate(); |
|||
} |
|||
}; |
|||
|
|||
// 搜索按钮点击 |
|||
document.getElementById("searchBtn").onclick = function() { |
|||
var keyword = document.getElementById("searchInput").value; |
|||
searchLocation(keyword); |
|||
document.getElementById("suggestionDropdown").style.display = "none"; |
|||
}; |
|||
|
|||
// 搜索框输入事件（实现搜索建议） |
|||
var searchInput = document.getElementById("searchInput"); |
|||
searchInput.addEventListener("input", function(e) { |
|||
if (suggestionTimeout) clearTimeout(suggestionTimeout); |
|||
suggestionTimeout = setTimeout(function() { |
|||
getSuggestions(searchInput.value); |
|||
}, 300); |
|||
}); |
|||
|
|||
// 点击其他地方隐藏搜索建议 |
|||
document.addEventListener("click", function(e) { |
|||
var container = document.querySelector(".search-container"); |
|||
if (!container.contains(e.target)) { |
|||
document.getElementById("suggestionDropdown").style.display = "none"; |
|||
} |
|||
}); |
|||
|
|||
// 回车搜索 |
|||
searchInput.addEventListener("keypress", function(e) { |
|||
if (e.key === "Enter") { |
|||
var keyword = document.getElementById("searchInput").value; |
|||
searchLocation(keyword); |
|||
document.getElementById("suggestionDropdown").style.display = "none"; |
|||
} |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,417 +0,0 @@ |
|||
<!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"> |
|||
<div class="header"> |
|||
<div class="tp"> |
|||
<div class="wrap"> |
|||
<ul> |
|||
<li><a href="/member.html">会员专区</a></li> |
|||
<li><i>|</i></li> |
|||
<li><a href="/about.html#abpg5">人才招聘</a></li> |
|||
<li><i>|</i></li> |
|||
<li><a href="https://qiye.aliyun.com" target="_blank"><img class="s1" src="/themes/static_new/images/qms1.png" |
|||
alt=""></a></li> |
|||
<li><i>|</i></li> |
|||
<li> |
|||
<h4>服务热线: 400-8877-650</h4> |
|||
</li> |
|||
<li><i>|</i></li> |
|||
<li><a href="/search.html"><img class="s2" src="/themes/static_new/images/qms3.png" alt=""></a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="unaver"> |
|||
<div class="wrap clearfix"> |
|||
<div class="gh"> |
|||
<a href="javascript:;"></a> |
|||
</div> |
|||
<div class="logo"> |
|||
<a href="#"><img src="/themes/static_new/images/logo.png" alt=""></a> |
|||
</div> |
|||
<!-- nav===============START --> |
|||
{include file="common/nav" /} |
|||
<!-- nav===============END --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<script type="text/javascript"> |
|||
|
|||
</script> |
|||
<!-- 大banner --> |
|||
{hcTaglib:category id="156" item="vo" field="*"} |
|||
<div class="uitbanner"> |
|||
<img src="{$vo.banner.url}" alt=""> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
|
|||
<div class="crumbs"> |
|||
<div class="wrap"> |
|||
<dl> |
|||
<dt><a href="#">首页：</a></dt> |
|||
<dd><a href="#">联系我们</a></dd> |
|||
<dd><span>></span></dd> |
|||
<dd class="on"><a href="#">联系方式</a></dd> |
|||
</dl> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="contact"> |
|||
<div class="hds"> |
|||
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s"> |
|||
<div class="tit"> |
|||
<h2>联系方式</h2> |
|||
<span></span> |
|||
</div> |
|||
{hcTaglib:category id="196" item="vo" field="*"} |
|||
{php} |
|||
$contact_map_pic = $vo['banner']['url'] ?? ''; |
|||
$contact_str = $vo['description'] ?? ''; |
|||
$contact_phone = ''; |
|||
$contact_fax = ''; |
|||
$contact_email = ''; |
|||
if(!empty($contact_str)){ |
|||
$contact_arr = explode('##', $contact_str); |
|||
$contact_phone = $contact_arr[0] ?? ''; |
|||
$contact_fax = $contact_arr[1] ?? ''; |
|||
$contact_email = $contact_arr[2] ?? ''; |
|||
} |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
<ul> |
|||
<li> |
|||
<div class="ico"> |
|||
<img src='/themes/static_new/images/qms17.png' alt='' /> |
|||
</div> |
|||
<h6>服务电话</h6> |
|||
<h3>{$contact_phone}</h3> |
|||
</li> |
|||
<li> |
|||
<div class="ico"> |
|||
<img src='/themes/static_new/images/qms18.png' alt='' /> |
|||
</div> |
|||
<h6>传真</h6> |
|||
<h3>{$contact_fax}</h3> |
|||
</li> |
|||
<li> |
|||
<div class="ico"> |
|||
<img src='/themes/static_new/images/qms19.png' alt='' /> |
|||
</div> |
|||
<h6>公司邮箱</h6> |
|||
<h3>{$contact_email}</h3> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="map" id="maps"> |
|||
<p><img src="{$contact_map_pic}" /></p> |
|||
</div> |
|||
<div class="bds"> |
|||
<div class="wrap wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1s"> |
|||
<div class="tit"> |
|||
<h2>公司各部门联系电话</h2> |
|||
<span></span> |
|||
</div> |
|||
{hcTaglib:category id="197" item="vo" field="*"} |
|||
{php} |
|||
$contact_str = $vo['description'] ?? ''; |
|||
$contact_phone = ''; |
|||
$contact_fax = ''; |
|||
$contact_email = ''; |
|||
if(!empty($contact_str)){ |
|||
$contact_arr = explode('##', $contact_str); |
|||
$contactList = []; |
|||
foreach ($contact_arr as $item) { |
|||
// 按 ':' 拆分成name和tel，限制为2部分，防止tel中有多余冒号 |
|||
$parts = explode(':', $item, 2); |
|||
if (count($parts) == 2) { |
|||
$contactList[] = [ |
|||
'name' => trim($parts[0]), |
|||
'tel' => trim($parts[1]) |
|||
]; |
|||
} |
|||
} |
|||
// 每2个一组分块 |
|||
$chunkedList = array_chunk($contactList, 2); |
|||
} |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
|
|||
<table border="0" cellpadding="1" cellspacing="1" style="width:100%"> |
|||
<tbody> |
|||
{foreach $chunkedList as $row} |
|||
<tr> |
|||
<!-- 第一个元素 --> |
|||
<td> |
|||
<h4>{$row[0]['name']}</h4> |
|||
<h6>{$row[0]['tel']}</h6> |
|||
</td> |
|||
<!-- 第二个元素（如果存在） --> |
|||
{if isset($row[1])} |
|||
<td> |
|||
<h4>{$row[1]['name']}</h4> |
|||
<h6>{$row[1]['tel']}</h6> |
|||
</td> |
|||
{else} |
|||
<td></td> <!-- 奇数个时留空，保持表格整齐 --> |
|||
{/if} |
|||
</tr> |
|||
{/foreach} |
|||
|
|||
</tbody> |
|||
</table> |
|||
|
|||
<p> </p> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="mtousujy"> |
|||
<div class="wrap"> |
|||
<div class="tit"> |
|||
<h2>投诉建议</h2> |
|||
<span></span> |
|||
</div> |
|||
|
|||
<form class="layui-form"> |
|||
<ul> |
|||
<li> |
|||
<h3><i>*</i>主题：</h3> |
|||
<input type="text" class="txt" name="project_name" placeholder="" lay-verify="required" |
|||
lay-reqText="请填写主题"> |
|||
</li> |
|||
<li> |
|||
<h3><i>*</i>姓名：</h3> |
|||
<input type="text" name="full_name" class="txt" placeholder="" lay-verify="required" |
|||
lay-reqText="请填写姓名"> |
|||
</li> |
|||
<li> |
|||
<h3>邮箱：</h3> |
|||
<input type="text" class="txt" name="email" placeholder=""> |
|||
</li> |
|||
<li> |
|||
<h3><i>*</i>电话：</h3> |
|||
<input type="text" class="txt" name="contact_number" placeholder="" |
|||
lay-verify="required|phone" lay-reqText="请填写联系电话"> |
|||
</li> |
|||
<li> |
|||
<h3><i>*</i>地址：</h3> |
|||
<input type="text" class="txt" name="address" placeholder="" lay-verify="required" |
|||
lay-reqText="请填写联系地址"> |
|||
</li> |
|||
<li> |
|||
<h3><i>*</i>投诉内容：</h3> |
|||
<textarea class="txt txt1" name="content" id="" cols="30" rows="10" placeholder="" |
|||
lay-verify="required" lay-reqText="请填写详情内容"></textarea> |
|||
</li> |
|||
<li> |
|||
<input type="button" class="btn on" value="提交" lay-submit="" lay-filter="submitContact"> |
|||
<input type="button" class="btn" value="取消"> |
|||
</li> |
|||
</ul> |
|||
|
|||
</form> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
|
|||
<div class="footer"> |
|||
<div class="wrap clearfix"> |
|||
<div class="ltc"> |
|||
<ul> |
|||
<li><a href="/about.html">走进长城</a></li> |
|||
<li><i>|</i></li> |
|||
<li><a href="/datacenter.html">数据中心</a></li> |
|||
<li><i>|</i></li> |
|||
<li><a href="/college.html">期货学院</a></li> |
|||
<li><i>|</i></li> |
|||
<li><a href="/special.html">党建专栏</a></li> |
|||
<li><i>|</i></li> |
|||
<li><a href="/service.html">客户服务</a></li> |
|||
<li><i>|</i></li> |
|||
<li><a href="/subscribe.html">预约开户</a></li> |
|||
<li><i>|</i></li> |
|||
<li><a href="/contact.html">联系我们</a></li> |
|||
</ul> |
|||
<div class="tca clearfix"> |
|||
<div class="l"> |
|||
<h3>长城期货股份有限公司</h3> |
|||
<p>公司投诉电话：020-38927323 </p> |
|||
<p>公司投诉邮箱：ccqhts@gwfutures.cn</p> |
|||
<p>中国证监会广东证监局投诉热线：020-37853900</p> |
|||
<p>中国证监会热线：12386</p> |
|||
</div> |
|||
<div class="r"> |
|||
<h4>服务热线</h4> |
|||
<h5>400-8877-650</h5> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="rtc"> |
|||
<ul class="clearfix"> |
|||
<li> |
|||
<div class="weix"> |
|||
<img src="/themes/static_new/images/wx.png" alt=""> |
|||
</div> |
|||
<h6>企业公众号</h6> |
|||
</li> |
|||
<li> |
|||
<div class="weix"> |
|||
<img src="/themes/static_new/images/app.png" alt=""> |
|||
</div> |
|||
<h6>官方APP</h6> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class='copyright wrap'> |
|||
<div class="l"> |
|||
<a href="#">Copyright 1997-2024 长城期货股份有限公司 All Rights Reserve</a> |
|||
<span>IPV6支持</span> |
|||
</div> |
|||
<div class="r"> |
|||
<a class="a1" href="#">粤公网安备 44010602008394号</a><a class="a2" |
|||
href="https://beian.miit.gov.cn/">粤ICP备10007525号</a> |
|||
<a href="https://www.newdamei.com/cases.html">技术支持：DAMEI</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
</div> |
|||
<div class="uitfexi"> |
|||
<ul> |
|||
<li class="phones"> |
|||
<a href="#"> |
|||
<img src="/themes/static_new/images/qms38.png" alt=""> |
|||
</a> |
|||
<div class="phone hover">4008877650</div> |
|||
</li> |
|||
<li class="phones"> |
|||
<a href="#"> |
|||
<img src="/themes/static_new/images/qms39.png" alt=""> |
|||
</a> |
|||
<div class="weixs hover"> |
|||
<img src="/themes/static_new/images/wx_code.png" alt=""> |
|||
</div> |
|||
</li> |
|||
<li class="weix"> |
|||
<a href="#"> |
|||
<img src="/themes/static_new/images/qms40.png" alt=""> |
|||
</a> |
|||
<div class="weixs hover"> |
|||
<img src="/themes/static_new/images/wx.jpg" alt=""> |
|||
</div> |
|||
</li> |
|||
<li class="tps"> |
|||
<a href="javascript:;"> |
|||
<img src="/themes/static_new/images/qms41.png" alt=""> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
|
|||
|
|||
<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> |
|||
var address = "广州市天河区珠江西路17号1901房自编单元：【1901-F单元】"; |
|||
</script> |
|||
|
|||
|
|||
<script type='text/javascript'> |
|||
layui.use(['form', 'layer'], function () { |
|||
var form = layui.form; |
|||
/*$("#captcha").on("click", function(){ |
|||
$.getJSON("/default/captcha?refresh="+Date.parse(new Date()), function(result){ |
|||
$("#captcha").attr("src", result.url); |
|||
}); |
|||
});*/ |
|||
|
|||
form.on('submit(submitContact)', function (data) { |
|||
var index = layer.load(); |
|||
$.post('/default/send-contact', data.field, function (result) { |
|||
layer.close(index); |
|||
if (result.code == 200) { |
|||
location.reload(); |
|||
} else { |
|||
layer.msg(result.msg); |
|||
} |
|||
}); |
|||
return false; |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
</html> |
|||
@ -1,14 +0,0 @@ |
|||
走进长城-の子页面 |
|||
|
|||
{hcTaglib:category id="150" item="vo" field="*"} |
|||
<!-- {$vo.title} <br> --> |
|||
<!-- {$vo.description|nl2br|raw} <br> <br> --> |
|||
|
|||
<!-- {$vo.sub_title} <br> --> |
|||
<!-- {$vo.desc} --> |
|||
<br> <br> |
|||
|
|||
<!-- <img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> --> |
|||
<img src="{$vo.banner.url}" alt="{$vo.title}"> |
|||
<br> |
|||
{/hcTaglib:category} |
|||
@ -1 +0,0 @@ |
|||
客户服务-の子页面 |
|||
@ -1,154 +0,0 @@ |
|||
期货研究-の子页面 (qihuostudy) |
|||
<br/> |
|||
<br/> |
|||
|
|||
当前的分类ID: |
|||
{php} |
|||
$currentCateId = intval($current_cate['id'] ?? ''); |
|||
$currentCatePid = intval($current_cate['parent_id'] ?? ''); |
|||
if($currentCatePid == 0){ |
|||
$currentCatePid = $currentCateId; |
|||
} |
|||
var_dump($currentCateId); // 当前的分类 |
|||
// var_dump($category_with_order_arr); |
|||
// var_dump($current_cate); |
|||
var_dump($currentCatePid); |
|||
// exit(); |
|||
|
|||
{/php} |
|||
|
|||
<br> |
|||
<br> |
|||
<br> |
|||
|
|||
左侧分类: ====================== START |
|||
{hcTaglib:subcategory pid="151" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
<!-- {hcTaglib:subcategory pid="151" name="hc_content" item="vo" sort="sort asc"} --> |
|||
<!-- {$vo.title} <br> --> |
|||
<!-- {/hcTaglib:subcategory} --> |
|||
左侧分类: ====================== END |
|||
<br> |
|||
<br> |
|||
<br> |
|||
<br> |
|||
<br> |
|||
|
|||
|
|||
<br>列表上方位置导航 ========== START <br> |
|||
<a href="/">首页222</a> |
|||
<!-- 子栏目 --> |
|||
{volist name="category_with_order_arr" id="oneCate"} |
|||
<!-- {$oneCate.title} --> |
|||
<a href="{$oneCate.alias}">{$oneCate.title}</a> |
|||
{/volist} |
|||
<!-- 当前的栏目 --> |
|||
<!-- <a href="javascript:;">{$current_cate.title}</a> --> |
|||
<a href="{$current_cate.alias}">{$current_cate.title}</a> |
|||
<br>列表上方位置导航 ========== END <br><br><br><br> |
|||
|
|||
<!-- 中间内容列表 --> |
|||
{hcTaglib:contentPage2 cid="$currentCateId" moduleId="1" name="articleList" limit="3" item="vo" field="id,title,thumbnail" sort="publish_time desc"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}"> |
|||
{$vo.title} |
|||
</a> |
|||
|
|||
<span>{$vo.sub_title}</span> |
|||
<br> |
|||
|
|||
{/hcTaglib:contentPage2} |
|||
|
|||
<!-- 获取分页信息 --> |
|||
<br> |
|||
<br> |
|||
{php} |
|||
$total = 0; |
|||
$lastPage = 0; |
|||
$currentPage = 0; |
|||
if ($articleList) { |
|||
$total = $articleList->total(); |
|||
$lastPage = $articleList->lastPage(); |
|||
$currentPage = $articleList->currentPage(); |
|||
echo "总条数: " . $articleList->total() . "<br>"; |
|||
echo "总页数: " . $articleList->lastPage() . "<br>"; |
|||
echo "当前页: " . $articleList->currentPage() . "<br>"; |
|||
echo "每页数量: " . $articleList->listRows() . "<br>"; |
|||
} |
|||
{/php} |
|||
<br> |
|||
<!-- {$articleList|raw} --> |
|||
<!-- 原有分页输出 --> |
|||
<div class="pagination-wrapper"> |
|||
{$articleList|raw} |
|||
</div> |
|||
|
|||
<br> |
|||
<br> |
|||
<br> |
|||
<br> |
|||
<!-- 分页样式 ========= START --> |
|||
<style> |
|||
.pagination-wrapper .pagination { |
|||
display: flex !important; |
|||
flex-wrap: wrap; |
|||
justify-content: center; |
|||
gap: 4px; |
|||
padding-left: 0; |
|||
list-style: none; |
|||
} |
|||
|
|||
.pagination-wrapper .pagination li { |
|||
display: inline-flex; |
|||
} |
|||
|
|||
.pagination-wrapper .pagination a, |
|||
.pagination-wrapper .pagination span { |
|||
display: inline-flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding: 6px 12px; |
|||
margin: 0 2px; |
|||
border: 1px solid #dee2e6; |
|||
border-radius: 0.25rem; |
|||
text-decoration: none; |
|||
color: #007bff; |
|||
} |
|||
|
|||
.pagination-wrapper .pagination a:hover { |
|||
background-color: #e9ecef; |
|||
} |
|||
|
|||
.pagination-wrapper .pagination .active span { |
|||
background-color: #007bff; |
|||
border-color: #007bff; |
|||
color: #fff; |
|||
} |
|||
|
|||
.page-arrow.disabled { |
|||
color: #ccc; /* 灰色文字 */ |
|||
border-color: #e0e0e0; /* 灰色边框 */ |
|||
cursor: not-allowed; /* 禁用光标 */ |
|||
} |
|||
</style> |
|||
<!-- 分页样式 ========= END --> |
|||
|
|||
<!-- 新增：分页箭头置灰 JS ========= START --> |
|||
<script> |
|||
// 获取分页数据和当前页信息 |
|||
let currentPage = {$currentPage}; |
|||
let lastPage = {$lastPage}; |
|||
console.log(currentPage) // 当前页码 |
|||
console.log(lastPage) // 最后一页的页码 |
|||
|
|||
// 等待页面加载完成 |
|||
document.addEventListener('DOMContentLoaded', function() { |
|||
console.log("加载完成, 获取元素修改样式"); |
|||
|
|||
}); |
|||
</script> |
|||
<!-- 分页箭头置灰 JS ========= END --> |
|||
|
|||
@ -1,53 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/culture.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/dangjian/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">党建文化</div> |
|||
<div class="bannerTips">初心皎洁，共勉前行</div> |
|||
</div> |
|||
</div> |
|||
<div class="cultureBlock"> |
|||
<div class="w1280"> |
|||
{hcTaglib:contentPage moduleId="1" name="articleList" mainField="id,title,thumbnail,description,publish_time"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="list {$key==1 ? 'first' : ''}"> |
|||
<div class="img"><img src="{$vo.thumbnail.url|default=''}" alt=""></div> |
|||
<div class="text"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="info"> |
|||
<div class="time">{$vo.publish_time|date='Y.m.d'}</div> |
|||
<div class="more">更多<img src="static/images/indexBlock2Ico.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
{$articleList|raw} |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
</body> |
|||
</html> |
|||
@ -1,107 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<!-- <link rel="stylesheet" href="__TMPL__/static/css/xiqian.css" /> --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/fanxiqian.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/touzi/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">投资者教育</div> |
|||
<div class="bannerTips"> |
|||
为投资者提供严谨细致的交易、交割、结算、质押等服务 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="5" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="investList"> |
|||
<div class="w1280"> |
|||
<div class="left"> |
|||
<div class="tit"> |
|||
<img src="__TMPL__/static/images/investListImg.png" alt=""> |
|||
<p>投资者教育</p> |
|||
</div> |
|||
<ul> |
|||
{hcTaglib:allSubcategory pid="5" item="vo" maxLevel="2" field="id,title,parent_id" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'on':''}"> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}">{$vo.title}<i><img src="__TMPL__/static/images/investListImg2.png" alt=""></i></a> |
|||
{if !empty($vo.children) } |
|||
<div class="childList"> |
|||
<div class="center"> |
|||
{volist name="$vo.children" id="vv"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vv.id])}">{$vv.title}</a> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/if} |
|||
|
|||
</li> |
|||
{/hcTaglib:allSubcategory} |
|||
</ul> |
|||
</div> |
|||
<div class="right"> |
|||
<div class="tit">{$current_cate['title']}</div> |
|||
<div class="content"> |
|||
{hcTaglib:contentPage moduleId="1" name="articleList" mainField="id,title,description,publish_time"} |
|||
<div class="list"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}">{$vo.title}</a> |
|||
<p>{$vo.publish_time|date='Y.m.d'}</p> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
{$articleList|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
$('.investList .w1280 .left ul li > a').click(function(event){ |
|||
if($(this).siblings('.childList').children('.center').children('a').length < 1){ |
|||
|
|||
}else{ |
|||
event.preventDefault() |
|||
if($(this).hasClass('active')){ |
|||
$(this).removeClass('active') |
|||
$('.investList .w1280 .left ul li .childList').stop().animate({'height':0}) |
|||
}else{ |
|||
$(this).addClass('active') |
|||
if($(this).siblings('.childList').children('.center').children('a').length > 0){ |
|||
$(this).siblings().stop().animate({'height':$(this).siblings().children().outerHeight(true)}) |
|||
return |
|||
} |
|||
} |
|||
} |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,149 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<!-- <link rel="stylesheet" href="__TMPL__/static/css/xiqian.css" /> --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/fanxiqian.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/touzi/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">投资者教育</div> |
|||
<div class="bannerTips"> |
|||
为投资者提供严谨细致的交易、交割、结算、质押等服务 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{if $current_cate['parent_id'] == 46 || $current_cate['parent_id'] == 124} |
|||
{hcTaglib:subcategory pid="5" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['parent_id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
{else /} |
|||
{hcTaglib:subcategory pid="5" item="vo" field="id,title" sort="sort asc"} |
|||
{if $vo.id == 46} |
|||
<a href="{:hcUrl('list/index',['id'=>48])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{elseif $vo.id == 124 /} |
|||
<a href="{:hcUrl('list/index',['id'=>125])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{else /} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/if} |
|||
{/hcTaglib:subcategory} |
|||
{/if} |
|||
</div> |
|||
</div> |
|||
<div class="investList"> |
|||
<div class="w1280"> |
|||
<div class="left"> |
|||
<div class="tit"> |
|||
<img src="__TMPL__/static/images/investListImg.png" alt=""> |
|||
<p>投资者教育</p> |
|||
</div> |
|||
<ul> |
|||
{hcTaglib:allSubcategory pid="5" item="vo" maxLevel="2" field="id,title,parent_id" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'on':''}"> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}">{$vo.title}<i><img src="__TMPL__/static/images/investListImg2.png" alt=""></i></a> |
|||
{if !empty($vo.children) } |
|||
<div class="childList"> |
|||
<div class="center"> |
|||
{volist name="$vo.children" id="vv"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vv.id])}">{$vv.title}</a> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/if} |
|||
|
|||
</li> |
|||
{/hcTaglib:allSubcategory} |
|||
</ul> |
|||
</div> |
|||
<div class="mobPageNav"> |
|||
{if $current_cate['parent_id'] == 46 || $current_cate['parent_id'] == 124} |
|||
{hcTaglib:subcategory pid="$current_cate['parent_id']" item="vv" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vv.id])}" class="{$vv.id == $current_cate.id ? 'on' : ''}">{$vv.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
{else /} |
|||
{hcTaglib:subcategory pid="$current_cate['id']" item="vv" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vv.id])}" class="{$vv.id == $current_cate.id ? 'on' : ''}">{$vv.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
{/if} |
|||
</div> |
|||
<div class="right"> |
|||
<div class="tit">{$current_cate['title']}</div> |
|||
<div class="content"> |
|||
{hcTaglib:contentPage moduleId="1" name="articleList" mainField="id,title,description,publish_time"} |
|||
<div class="list"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="{$current_cate['parent_id'] == 124 || $current_cate['id'] == 124 ? '_blank' : '_self' }" >{$vo.title}</a> |
|||
<p>{$vo.publish_time|date='Y.m.d'}</p> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
{$articleList|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
|
|||
<script> |
|||
$('.investList .w1280 .left ul li .childList .center a').each(function(){ |
|||
console.log($(this).attr('href')) |
|||
console.log(window.location.pathname) |
|||
if($(this).attr('href') == window.location.pathname){ |
|||
$(this).parents('.childList').siblings().addClass('active') |
|||
$(this).parents('li').addClass('on') |
|||
$(this).addClass('on') |
|||
$(this).parents('.childList').css({'height':$(this).parent().outerHeight(true)}) |
|||
} |
|||
}) |
|||
// 点就下拉 |
|||
$('.investList .w1280 .left ul li > a').click(function(event){ |
|||
if($(this).siblings('.childList').children('.center').children('a').length < 1){ |
|||
|
|||
}else{ |
|||
event.preventDefault() |
|||
if($(this).hasClass('active')){ |
|||
$(this).removeClass('active') |
|||
$('.investList .w1280 .left ul li .childList').stop().animate({'height':0}) |
|||
}else{ |
|||
$(this).addClass('active') |
|||
if($(this).siblings('.childList').children('.center').children('a').length > 0){ |
|||
$(this).siblings().stop().animate({'height':$(this).siblings().children().outerHeight(true)}) |
|||
return |
|||
} |
|||
} |
|||
} |
|||
}) |
|||
// |
|||
|
|||
let pageListNav2 = $('.mobPageNav').html() |
|||
if(pageListNav){ |
|||
let pageListNavOffset2 = $('.mobPageNav a.on').offset().left |
|||
$('.mobPageNav').scrollLeft(pageListNavOffset2 - $('.mobPageNav').offset().left) |
|||
}else{ |
|||
pageListNav2 = 0 |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,137 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<!-- <link rel="stylesheet" href="__TMPL__/static/css/information.css"> --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/information.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/yanjiuyuan/banner2.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">研究资讯</div> |
|||
</div> |
|||
</div> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="76" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="javascript:;" class="{:request()->param('type')==$vo.id?'on':''}" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="informationBlock"> |
|||
<div class="w1280"> |
|||
<div class="left"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="76" field="id,title" sort="sort asc" } |
|||
<li class="{:request()->param('type') == $vo.id ? 'on' : ''}"> |
|||
<div class="tit" data-id="{$vo.id}"> |
|||
<img src="/themes/website/1/zh/dongya-web/static/images/informationImg.png" alt=""> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="list"> |
|||
{hcTaglib:subcategory pid="82" field="id,title" item="v1" sort="sort asc" } |
|||
<a href="javascript:;" data-id="{$v1.id}" class="{:request()->param('type') == $vo.id && request()->param('breed') == $v1.id ? 'on' : ''}">{$v1.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
<div class="mobPageNav"> |
|||
{hcTaglib:subcategory pid="82" field="id,title" sort="sort asc" } |
|||
<a href="javascript:;" class="{:request()->param('breed') == $vo.id ? 'on' : ''}" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="right"> |
|||
<div class="tit"> |
|||
{$breed_title|default=''} |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:contentPage cid="41" module="7" name="articleList" subField="id,field" limit="10"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="{:empty($vo.main_content.file.url) == false && strpos($vo.main_content.file.url,'.pdf') != false ? 'left' : '' }"> |
|||
{$vo.title} |
|||
</div> |
|||
<div class="time">{$vo.publish_time|date='Y.m.d'}</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
<!-- 翻页 --> |
|||
{$articleList->render()|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script> |
|||
$('.informationBlock .w1280 > .left ul li').each(function(){ |
|||
if($(this).hasClass('on')){ |
|||
let thisListHeight = $(this).children('.list').children('a').length * $(this).children('.list').children('a').outerHeight(true) |
|||
$(this).children('.list').css('height',thisListHeight) |
|||
} |
|||
}) |
|||
// 获取url参数 |
|||
function getUrlParam(name) { |
|||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 |
|||
var r = window.location.search.substr(1).match(reg); //匹配目标参数 |
|||
if (r != null) return decodeURI(r[2]); return null; //返回参数值 |
|||
} |
|||
// 左侧下拉 |
|||
$('.informationBlock .w1280 > .left ul li .tit').click(function(){ |
|||
let thisListHeight2 = $(this).siblings('.list').children('a').length *$(this).siblings('.list').children('a').outerHeight(true) |
|||
if($(this).parent().hasClass('on')){ |
|||
return |
|||
} |
|||
$(this).parent().siblings().removeClass('on') |
|||
$(this).parent().siblings().children('.list').stop().animate({'height':0}) |
|||
$(this).parent().addClass('on') |
|||
$(this).siblings().stop().animate({'height':thisListHeight2}) |
|||
}) |
|||
// 筛选 |
|||
$('.informationBlock .w1280 > .left ul li .list a').click(function(){ |
|||
let thisID = $(this).data('id') |
|||
let thisParentID = $(this).parent().siblings().data('id') |
|||
window.location.href = '?breed=' + thisID + '&type=' + thisParentID |
|||
}) |
|||
// 移动端筛选 |
|||
let pageType = getUrlParam('type') |
|||
let pageBreed = getUrlParam('breed') |
|||
console.log(pageType,pageBreed) |
|||
$('.pageListNav .w1280 a').click(function(){ |
|||
pageType = $(this).data('id') |
|||
window.location.href = '?breed=' + pageBreed + '&type=' + pageType |
|||
}) |
|||
$('.informationBlock .w1280 .mobPageNav a').click(function(){ |
|||
pageBreed = $(this).data('id') |
|||
window.location.href = '?breed=' + pageBreed + '&type=' + pageType |
|||
}) |
|||
// 移动端子栏目定位 |
|||
let pageListNav2 = $('.mobPageNav').html() |
|||
if(pageListNav){ |
|||
let pageListNavOffset2 = $('.mobPageNav a.on').offset().left |
|||
$('.mobPageNav').scrollLeft(pageListNavOffset2 - $('.mobPageNav').offset().left) |
|||
}else{ |
|||
pageListNav2 = 0 |
|||
} |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,132 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/culture.css" /> |
|||
<style> |
|||
|
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="{$current_cate.banner.url|default=''}" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">{$current_cate.title}</div> |
|||
<div class="bannerTips">{$current_cate.description}</div> |
|||
</div> |
|||
</div> |
|||
<div class="culture-new-bg"> |
|||
<div class="culture-list w1280"> |
|||
{hcTaglib:contentPage moduleId="1" name="articleList" mainField="id,title,thumbnail,description,publish_time"} |
|||
<div class="culture-box"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="img"> |
|||
<img src="{$vo.thumbnail.url}" /> |
|||
</a> |
|||
<div class="text"> |
|||
<div class="time">{$vo.publish_time|date='Y.m.d'}</div> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}"> |
|||
<div class="title">{$vo.title}</div> |
|||
</a> |
|||
<div class="description">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
{$articleList|raw} |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
// banner |
|||
var swiper = new Swiper('.indexBannerSwiper', { |
|||
pagination: { |
|||
el: '.indexBannerSwiper .swiper-pagination' |
|||
} |
|||
}) |
|||
// tab 切换 |
|||
$('.indexBlock2 .w1280 .right .top .tab a').click(function () { |
|||
$(this).addClass('on') |
|||
$('.indexBlock2 .w1280 .right .content .list') |
|||
.eq($(this).inde()) |
|||
.fadeIn() |
|||
}) |
|||
// 日历 |
|||
layui.use(function () { |
|||
var layer = layui.layer |
|||
var laydate = layui.laydate |
|||
laydate.render({ |
|||
elem: '#ID-laydate-static-1', |
|||
position: 'static', |
|||
mark: { |
|||
'2023-9-15': '' |
|||
} |
|||
}) |
|||
}) |
|||
// 服务hover |
|||
$('.indexBlock5 .w1280 .content .list').hover( |
|||
function () { |
|||
$(this).children('.posi').stop().fadeOut() |
|||
$(this).children('.posiOn').stop().fadeIn() |
|||
$(this).children('.posiOn').css('display', 'flex') |
|||
}, |
|||
function () { |
|||
$(this).children('.posi').stop().fadeIn() |
|||
$(this).children('.posiOn').stop().fadeOut() |
|||
} |
|||
) |
|||
// 走进东亚 视频 |
|||
$('.indexBlock6 .w1280 .right .player').click(function () { |
|||
$('.windowVideo').stop().fadeIn() |
|||
setTimeout(function () { |
|||
$('#indexBlock6video')[0].play() |
|||
}, 500) |
|||
}) |
|||
$('.windowVideo .content .close').click(function () { |
|||
$('.windowVideo').stop().fadeOut() |
|||
$('#indexBlock6video')[0].pause() |
|||
}) |
|||
</script> |
|||
<script> |
|||
layui.use(['laypage', 'layer'], function () { |
|||
var laypage = layui.laypage, |
|||
layer = layui.layer |
|||
//分页器 |
|||
laypage.render({ |
|||
prev: '<em class="layui-icon layui-icon-left"></em>', |
|||
next: '<em class="layui-icon layui-icon-right"></em>', |
|||
elem: 'pager', //注意，这里的 test1 是 ID，不用加 # 号 |
|||
count: 80, //数据总数，从服务端得到 |
|||
groups: 3, |
|||
jump: function (obj, first) { |
|||
//obj包含了当前分页的所有参数，比如： |
|||
console.log(obj.curr) //得到当前页，以便向服务端请求对应页的数据。 |
|||
console.log(obj.limit) //得到每页显示的条数 |
|||
//首次不执行 |
|||
if (!first) { |
|||
//do something |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,91 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/notice.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
{include file="common/header" /} |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/yanjiuyuan/banner2.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">公告</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="11" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="w1280"> |
|||
<ul class="notice-list"> |
|||
{hcTaglib:contentPage moduleId="1" name="articleList" mainField="id,title,description,publish_time"} |
|||
<li class="notice-item"> |
|||
<div class="date"> |
|||
<h2>{$vo.publish_time|date='d'}</h2> |
|||
<span>{$vo.publish_time|date='Y-m'}</span> |
|||
</div> |
|||
<div class="title-desc"> |
|||
<h6><a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">{$vo.title}</a></h6> |
|||
<p>{$vo.description}</p> |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
{$articleList|raw} |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
|
|||
<script> |
|||
layui.use(['laypage', 'layer'], function () { |
|||
var laypage = layui.laypage |
|||
, layer = layui.layer; |
|||
//分页器 |
|||
laypage.render({ |
|||
prev: '<em class="layui-icon layui-icon-left"></em>' |
|||
, next: '<em class="layui-icon layui-icon-right"></em>' |
|||
, elem: 'pager' //注意，这里的 test1 是 ID，不用加 # 号 |
|||
, count: 30 //数据总数，从服务端得到 |
|||
, groups: 3 |
|||
, jump: function (obj, first) { |
|||
//obj包含了当前分页的所有参数，比如： |
|||
console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。 |
|||
console.log(obj.limit); //得到每页显示的条数 |
|||
//首次不执行 |
|||
if (!first) { |
|||
//do something |
|||
} |
|||
} |
|||
|
|||
}); |
|||
// tabs-head切换 |
|||
$(".tabs-head ul li").click(function () { |
|||
$(this).siblings().removeClass("active"); |
|||
$(this).addClass("active"); |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,61 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<!-- <link rel="stylesheet" href="__TMPL__/static/css/xiqian.css" /> --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/fanxiqian.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/zhibo.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/touzi/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">投资者教育</div> |
|||
<div class="bannerTips"> |
|||
为投资者提供严谨细致的交易、交割、结算、质押等服务 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="forward-review w1280 forward-review-top hot-review"> |
|||
<div class="broadcast-title"> |
|||
<p>{$current_cate['title']}</p> |
|||
</div> |
|||
<div class="review-list"> |
|||
{hcTaglib:contentPage cid="74" moduleId="1" name="articleList" limit="16" item="vo" field="id,title,thumbnail" sort="publish_time desc"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank" class="review-box"> |
|||
<img src="{$vo.thumbnail.url}" alt=""/> |
|||
<div class="bottom"> |
|||
<p>{$vo.title}</p> |
|||
<span>{$vo.sub_title}</span> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{$articleList|raw} |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
|
|||
<script> |
|||
|
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,191 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/about.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zoujin/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">走进东亚</div> |
|||
<div class="bannerTips">东亚财富，智讯共享</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="7" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="about-introduce"> |
|||
<div class="title">公司简介</div> |
|||
<div class="about-description"> |
|||
{hcTaglib:contentDetail id="1562" name="item" mainField="id,title,content,thumbnail"} |
|||
{$item.content|raw} |
|||
{/hcTaglib:contentDetail} |
|||
</div> |
|||
<div class="introduce-line"> |
|||
{hcTaglib:contentList ids="1563,1564,1565" moduleId="1" sort="id asc" name="item" mainField="id,title,sub_title,thumbnail"} |
|||
<div class="line-box {$key == 3 ? 'num' :'' }"> |
|||
<p>{$vo.sub_title|raw}</p> |
|||
<span>{$vo.title}</span> |
|||
</div> |
|||
{/hcTaglib:contentList} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="about-block1"> |
|||
{hcTaglib:contentList ids="1566,1567,1568" moduleId="1" name="item" mainField="id,title,description,sub_title,thumbnail"} |
|||
<div class="block1-box"> |
|||
<img src="{$vo.thumbnail.url|default=''}" /> |
|||
<div class="title">{$vo.title}</div> |
|||
<span> |
|||
{$vo.description} |
|||
</span> |
|||
<em>{$vo.sub_title}</em> |
|||
</div> |
|||
{/hcTaglib:contentList} |
|||
</div> |
|||
<div class="about-block2 w1280"> |
|||
<div class="block2-head"> |
|||
<div class="title">公司荣誉</div> |
|||
<div class="btns"> |
|||
<div class="btn prev"></div> |
|||
<div class="btn next"></div> |
|||
</div> |
|||
</div> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="108" moduleId="1" mainField="id,title,thumbnail"} |
|||
<div class="swiper-slide"> |
|||
<div class="box"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url}" /> |
|||
</div> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{hcTaglib:contentDetail id="1569" name="item" mainField="id,title,sub_title,description,cover"} |
|||
<div class="about-block3" style="background-image: url({$item.cover.url|default='__TEMPL__/images/zoujin/bj02.jpg'})"> |
|||
<div class="w1280"> |
|||
<div class="title">{$item.sub_title}</div> |
|||
<span> |
|||
{$item.description} |
|||
</span> |
|||
<a href="{:hcUrl('detail/index',['id'=>1668,'cid'=>55])}" class="more">查看组织架构</a> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentDetail} |
|||
<div class="about-block4 w1280"> |
|||
<div class="title">公司动态</div> |
|||
<div class="news-list"> |
|||
{hcTaglib:content cid="107" moduleId="1" limit="3" mainField="id,title,thumbnail,publish_time"} |
|||
<div class="news-box"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" /> |
|||
</a> |
|||
<div class="time">{$vo.publish_time|date='Y-m-d'}</div> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="news-title"> |
|||
{$vo.title} |
|||
</a> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="more">查看更多</a> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="{:hcUrl('list/index',['id'=>107])}" class="more-list">更多资讯</a> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
// banner |
|||
var swiper = new Swiper('.indexBannerSwiper', { |
|||
pagination: { |
|||
el: '.indexBannerSwiper .swiper-pagination' |
|||
} |
|||
}) |
|||
// tab 切换 |
|||
$('.indexBlock2 .w1280 .right .top .tab a').click(function () { |
|||
$(this).addClass('on') |
|||
$('.indexBlock2 .w1280 .right .content .list') |
|||
.eq($(this).inde()) |
|||
.fadeIn() |
|||
}) |
|||
// 日历 |
|||
layui.use(function () { |
|||
var layer = layui.layer |
|||
var laydate = layui.laydate |
|||
laydate.render({ |
|||
elem: '#ID-laydate-static-1', |
|||
position: 'static', |
|||
mark: { |
|||
'2023-9-15': '' |
|||
} |
|||
}) |
|||
}) |
|||
// 服务hover |
|||
$('.indexBlock5 .w1280 .content .list').hover( |
|||
function () { |
|||
$(this).children('.posi').stop().fadeOut() |
|||
$(this).children('.posiOn').stop().fadeIn() |
|||
$(this).children('.posiOn').css('display', 'flex') |
|||
}, |
|||
function () { |
|||
$(this).children('.posi').stop().fadeIn() |
|||
$(this).children('.posiOn').stop().fadeOut() |
|||
} |
|||
) |
|||
// 走进东亚 视频 |
|||
$('.indexBlock6 .w1280 .right .player').click(function () { |
|||
$('.windowVideo').stop().fadeIn() |
|||
setTimeout(function () { |
|||
$('#indexBlock6video')[0].play() |
|||
}, 500) |
|||
}) |
|||
$('.windowVideo .content .close').click(function () { |
|||
$('.windowVideo').stop().fadeOut() |
|||
$('#indexBlock6video')[0].pause() |
|||
}) |
|||
</script> |
|||
<script> |
|||
var swiper = new Swiper('.mySwiper', { |
|||
slidesPerView: isMobile ? 1 : 3, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: '.about-block2 .next', |
|||
prevEl: '.about-block2 .prev' |
|||
}, |
|||
pagination: { |
|||
el: '.swiper-pagination', |
|||
clickable: true |
|||
} |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,94 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/askAbout.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zhibo/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">特色服务</div> |
|||
<div class="bannerTips">海纳并蓄，锐知敦行</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="3" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="ask-content w1280"> |
|||
<div class="broadcast-title"> |
|||
<p>服务内容</p> |
|||
</div> |
|||
<div class="ask-list"> |
|||
{hcTaglib:contentList ids="1576,1577,1578,1579" moduleId="1" limit="5" mainField="title,sub_title,thumbnail,description" sort="sort asc,id asc" item="vo"} |
|||
<div class="ask-box"> |
|||
<p>{$vo.title|default=''}</p> |
|||
<p class="ask-box-desc">{$vo.description|raw}</p> |
|||
<div class="img"><img src="{$vo.thumbnail.url|default=''}"></div> |
|||
</div> |
|||
{/hcTaglib:contentList} |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="ask-message"> |
|||
<div class="w1280"> |
|||
<div class="broadcast-title"> |
|||
<p>信息公示</p> |
|||
</div> |
|||
<div class="message-table"> |
|||
<table class="layui-table"> |
|||
<colgroup> |
|||
<col width="150"> |
|||
<col width="150"> |
|||
<col width="150"> |
|||
<col width="150"> |
|||
</colgroup> |
|||
<thead> |
|||
<tr> |
|||
<th>姓名</th> |
|||
<th>期货从业资格号</th> |
|||
<th>投资咨询从业资格号</th> |
|||
<th>人员分工</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
{hcTaglib:content cid="109" moduleId="1" mainField="id,title,sub_title,description" subField="id,sub_title" sort="sort asc"} |
|||
<tr> |
|||
<td>{$vo.title}</td> |
|||
<td>{$vo.sub_title}</td> |
|||
<td>{$vo.description}</td> |
|||
<td>{$vo.main_content.sub_title}</td> |
|||
</tr> |
|||
{/hcTaglib:content} |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
</body> |
|||
</html> |
|||
@ -1,140 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/open_account.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/open_account/reservationBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">开户服务</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="8" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="brankBlock"> |
|||
<div class="w1280"> |
|||
<div class="openAccountTit"> |
|||
<p>支持的银行借记卡</p> |
|||
<div class="menu"> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
</div> |
|||
<div thumbsSlider="" class="brankList pc"> |
|||
<div class="wrapper"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId="1" name="hc_content" |
|||
mainField="id,title,description,thumbnail" sort="sort asc"} |
|||
<div class="slide"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url}" alt=""> |
|||
</div> |
|||
<p>代码：{$vo.description}</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div thumbsSlider="" class="swiper brankList"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId="1" name="hc_content" mainField="id,title,description,thumbnail" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url}" alt=""> |
|||
</div> |
|||
<p>代码：{$vo.description}</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
</div> |
|||
</div> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper brankInfo"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId="1" name="hc_content" mainField="id,title,content,sub_title" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="tit">{$vo.sub_title}</div> |
|||
<span></span> |
|||
<div class="content"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".brankList.swiper", { |
|||
spaceBetween: 20, |
|||
freeMode: true, |
|||
watchSlidesProgress: true, |
|||
navigation: { |
|||
nextEl: ".swiper-button-next", |
|||
prevEl: ".swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
319:{ |
|||
slidesPerGroup: 3, |
|||
spaceBetween: 10, |
|||
slidesPerView: 3, |
|||
grid: { |
|||
rows: 2, |
|||
}, |
|||
}, |
|||
750:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: "4", |
|||
grid: { |
|||
rows: 2, |
|||
}, |
|||
}, |
|||
1080:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: "6", |
|||
grid: { |
|||
rows: 2, |
|||
}, |
|||
} |
|||
} |
|||
}); |
|||
var swiper2 = new Swiper(".brankInfo", { |
|||
autoHeight: true, |
|||
spaceBetween: 10, |
|||
|
|||
thumbs: { |
|||
swiper: swiper, |
|||
}, |
|||
}); |
|||
$(".brankList.pc .slide").click(function(){ |
|||
console.log($(this).index() ,'切換'); |
|||
|
|||
swiper2.slideTo($(this).index()) |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,447 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/trade.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/trade/tradeBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">交易服务</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="9" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title|default='--'}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="breedBlock"> |
|||
<div class="w1280"> |
|||
<div class="tradeTit"> |
|||
<p>品种基础</p> |
|||
<div class="tradeSearch"> |
|||
<input type="text" value="{$keyword}" id="keyword" placeholder="请输入品种名称/交易代码/合约代码"> |
|||
<div class="searchBtn">搜索</div> |
|||
</div> |
|||
</div> |
|||
<div class="type"> |
|||
{hcTaglib:subcategory pid="20" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="javascript:;" class="{$key == 1 ? 'on' : ''}" data-index="{$key}" data-id="{$vo.id}">{$vo.title|default='--'}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="levelCont"> |
|||
{hcTaglib:subcategory pid="20" item="vo" field="id,title" sort="sort asc"} |
|||
<div class="levelList"> |
|||
<div class="swiperClick swiperClick{$key} "> |
|||
<div class="swiper breedSwiper breedSwiper{$key}"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="$vo.id" item="vv" limit="100" moduleId="11" mainField="id,title,sub_title,description,thumbnail" subField="*" sort="id asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="{$vv.thumbnail.url|default=''}" alt=""></div> |
|||
<p>{$vv.title|default='--'}</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="$vo.id" moduleId="11" limit="100" item="vv" mainField="id,title,sub_title,description,thumbnail" subField="*" sort="id asc"} |
|||
<div class="cont"> |
|||
<table> |
|||
<tbody> |
|||
<tr> |
|||
<td>交易所名称</td> |
|||
<td>{$vo.title|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>商品名称</td> |
|||
<td>{$vv.title|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>品种代码</td> |
|||
<td>{$vv.sub_title|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>合约单位</td> |
|||
<td>{$vv.description|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最小跳动价格</td> |
|||
<td>{$vv.main_content.price|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交易日</td> |
|||
<td>{$vv.main_content.last_day|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>日盘交易时间</td> |
|||
<td>{$vv.main_content.daily_time|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>夜盘交易时间</td> |
|||
<td>{$vv.main_content.night_time|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交易日特殊交易时间</td> |
|||
<td>{$vv.main_content.special_time|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交易所保证金</td> |
|||
<td>{$vv.main_content.margin|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单笔最大下单(手)</td> |
|||
<td>{$vv.main_content.single_order|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割方式</td> |
|||
<td>{$vv.main_content.delivery_method|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割费用</td> |
|||
<td>{$vv.main_content.delivery_fee|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割结算价</td> |
|||
<td>{$vv.main_content.settlement_price|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交割日</td> |
|||
<td>{$vv.main_content.delivery_date|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割单位</td> |
|||
<td>{$vv.main_content.change_deposit|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第一板结算保证金</td> |
|||
<td>{$vv.main_content.first_deposit|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第二板结算保证金</td> |
|||
<td>{$vv.main_content.second_deposit|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>临近交割月交易所首次保证金调整</td> |
|||
<td>{$vv.main_content.margin_adjustment|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割月保证金</td> |
|||
<td>{$vv.main_content.monthly_deposit|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>正常涨跌幅</td> |
|||
<td>{$vv.main_content.fall_rate|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第一板结算起涨跌幅</td> |
|||
<td>{$vv.main_content.first_rate|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第二板结算起涨跌幅</td> |
|||
<td>{$vv.main_content.second_rate|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>般月份单边限仓</td> |
|||
<td>{$vv.main_content.warehouse|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割月限仓</td> |
|||
<td>{$vv.main_content.month_limit|default='--'}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割前月限仓</td> |
|||
<td>{$vv.main_content.before_delivery|default='--'}</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
let index = 1; |
|||
for(let i = 1; i < 7; i++){ |
|||
initSwiper(i) |
|||
} |
|||
let levelLisSelector = $('.breedBlock .w1280 .levelCont .levelList') |
|||
levelLisSelector.eq(0).css('display','block') |
|||
levelLisSelector.eq(0).children('.content').children('.cont').eq(0).css('display','block') |
|||
initSwiperSlide() |
|||
|
|||
|
|||
$('.breedBlock .w1280 .type a').click(function(){ |
|||
index = $(this).data('index') |
|||
if($(this).hasClass('on')){ |
|||
return |
|||
} |
|||
let contClickNum = $(this).index() |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
levelLisSelector.css('display','none') |
|||
levelLisSelector.eq(contClickNum).stop().fadeIn() |
|||
levelLisSelector.eq(contClickNum).children('.swiperClick').children('.breedSwiper').children('.swiper-wrapper').children('.swiper-slide').removeClass('on') |
|||
levelLisSelector.eq(contClickNum).children('.swiperClick').children('.breedSwiper').children('.swiper-wrapper').children('.swiper-slide').eq(0).addClass('on') |
|||
levelLisSelector.eq(contClickNum).children('.content').children('.cont').css('display','none') |
|||
levelLisSelector.eq(contClickNum).children('.content').children('.cont').eq(0).css('display','block') |
|||
}) |
|||
levelLisSelector.each(function(){ |
|||
$(this).children('.swiperClick').children('.breedSwiper').children('.swiper-wrapper').children('.swiper-slide').eq(0).addClass('on') |
|||
$(this).children('.content').children('.cont').eq(0).css('display','block') |
|||
}) |
|||
// 页内搜索 |
|||
$('.tradeSearch .searchBtn').click(function(){ |
|||
let searchInput = $('.tradeSearch input').val() |
|||
let cid = $('.w1280 .type a.on').attr('data-id'); |
|||
$.ajax({ |
|||
'type':'get', |
|||
'url':'/content/list', |
|||
'data':{'category_id':cid,'title':searchInput,'limit':500,'sort':'id asc'}, |
|||
'dataType':'json', |
|||
'success':function(res){ |
|||
if(res.code == 0){ |
|||
// 移除原来的dom结构 |
|||
destroyOldDom(index) |
|||
if(res.data.length == 0){ |
|||
return false; |
|||
} |
|||
// 创建新的dom结构 |
|||
// 1、创建swiper |
|||
createSwiperDom(res.data,index) |
|||
// 2、创建table |
|||
createTableDom(res.data) |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
function destroyOldDom(index){ |
|||
$('.levelCont .levelList').eq(index-1).children().remove() |
|||
} |
|||
function createTableDom(data){ |
|||
let tableStart = ` |
|||
<div class="content"> |
|||
` |
|||
let tableEnd = ` |
|||
</div> |
|||
` |
|||
let tableDom = '' |
|||
data.forEach((vv)=>{ |
|||
tableDom += ` |
|||
<div class="cont"> |
|||
<table> |
|||
<tbody> |
|||
<tr> |
|||
<td>交易所名称</td> |
|||
<td>${vv.mainCate.title}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>商品名称</td> |
|||
<td>${vv.title}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>品种代码</td> |
|||
<td>${vv.sub_title}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>合约单位</td> |
|||
<td>${vv.description}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最小跳动价格</td> |
|||
<td>${vv.main_content.price}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交易日</td> |
|||
<td>${vv.main_content.last_day}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>日盘交易时间</td> |
|||
<td>${vv.main_content.daily_time}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>夜盘交易时间</td> |
|||
<td>${vv.main_content.night_time}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交易日特殊交易时间</td> |
|||
<td>${vv.main_content.special_time}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交易所保证金</td> |
|||
<td>${vv.main_content.margin}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单笔最大下单(手)</td> |
|||
<td>${vv.main_content.single_order}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割方式</td> |
|||
<td>${vv.main_content.delivery_method}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割费用</td> |
|||
<td>${vv.main_content.delivery_fee}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割结算价</td> |
|||
<td>${vv.main_content.settlement_price}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交割日</td> |
|||
<td>${vv.main_content.delivery_date}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割单位</td> |
|||
<td>${vv.main_content.change_deposit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第一板结算保证金</td> |
|||
<td>${vv.main_content.first_deposit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第二板结算保证金</td> |
|||
<td>${vv.main_content.second_deposit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>临近交割月交易所首次保证金调整</td> |
|||
<td>${vv.main_content.margin_adjustment}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割月保证金</td> |
|||
<td>${vv.main_content.monthly_deposit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>正常涨跌幅</td> |
|||
<td>${vv.main_content.fall_rate}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第一板结算起涨跌幅</td> |
|||
<td>${vv.main_content.first_rate}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第二板结算起涨跌幅</td> |
|||
<td>${vv.main_content.second_rate}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>般月份单边限仓</td> |
|||
<td>${vv.main_content.warehouse}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割月限仓</td> |
|||
<td>${vv.main_content.month_limit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割前月限仓</td> |
|||
<td>${vv.main_content.before_delivery}</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
` |
|||
}) |
|||
let tableStr = tableStart + tableDom + tableEnd |
|||
$('.levelCont .levelList').eq(index-1).append(tableStr) |
|||
levelLisSelector.eq(index-1).children('.content').children('.cont').eq(0).css('display','block') |
|||
|
|||
}; |
|||
function createSwiperDom(data,index){ |
|||
let swiperStart = ` |
|||
<div class="swiperClick swiperClick${index} "> |
|||
<div class="swiper breedSwiper breedSwiper${index}"> |
|||
<div class="swiper-wrapper"> |
|||
` |
|||
let swiperEnd = ` |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
` |
|||
let swiperDom = '' |
|||
data.forEach((vv)=>{ |
|||
swiperDom += ` |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="${vv.thumbnail.url}" alt=""></div> |
|||
<p>${vv.title}</p> |
|||
</div> |
|||
` |
|||
}) |
|||
let swiperStr = swiperStart + swiperDom + swiperEnd |
|||
$('.levelCont .levelList').eq(index-1).append(swiperStr) |
|||
initSwiperSlide() |
|||
initSwiper(index) |
|||
}; |
|||
// 初始化swiper |
|||
function initSwiper(index) |
|||
{ |
|||
let swiperStr= `.breedSwiper${index}`; |
|||
let clickStr = `.swiperClick${index}` |
|||
new Swiper(swiperStr, { |
|||
slidesPerView: "auto", |
|||
spaceBetween: 76, |
|||
navigation: { |
|||
nextEl: `${clickStr} .swiper-button-next`, |
|||
prevEl: `${clickStr} .swiper-button-prev`, |
|||
}, |
|||
breakpoints: { |
|||
320:{ |
|||
spaceBetween: 20, |
|||
}, |
|||
1080:{ |
|||
spaceBetween: 76, |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
// 内容切换 |
|||
function tableSwitch(){ |
|||
console.log(this) |
|||
let thisIndex = $(this).index() |
|||
$(this).addClass('on') |
|||
$(this).siblings().removeClass('on') |
|||
$('.breedBlock .w1280 .content .cont').css('display','none') |
|||
$(this).parents('.swiperClick').siblings('.content').children('.cont').eq(thisIndex).fadeIn() |
|||
} |
|||
|
|||
// 初始化品种swiper的样式和点击事件 |
|||
function initSwiperSlide() |
|||
{ |
|||
let swiperSlideSelector = $('.breedBlock .w1280 .breedSwiper .swiper-wrapper .swiper-slide') |
|||
swiperSlideSelector.eq(0).addClass('on') |
|||
swiperSlideSelector.click(tableSwitch) |
|||
} |
|||
|
|||
|
|||
|
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,170 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/characteristic.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zhibo/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">特色服务</div> |
|||
<div class="bannerTips">海纳并蓄，锐知敦行</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="3" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a |
|||
href="{:hcUrl('list/index',['id'=>$vo.id])}">{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="business-container w1280"> |
|||
{hcTaglib:contentDetail id="1570" name="contentDetail" moduleId="1" mainField="id,title,thumbnail,content"} |
|||
<div class="business-text"> |
|||
<div class="broadcast-title"> |
|||
<p>{$contentDetail.title|default=''}</p> |
|||
</div> |
|||
<div class="text"> |
|||
{$contentDetail['content']|raw} |
|||
</div> |
|||
</div> |
|||
<div class="img"> |
|||
<img src="{$contentDetail.thumbnail.url|default=''}" /> |
|||
</div> |
|||
{/hcTaglib:contentDetail} |
|||
|
|||
</div> |
|||
<div class="business-flow"> |
|||
<div class="w1280"> |
|||
<div class="broadcast-title"> |
|||
<p>服务流程</p> |
|||
</div> |
|||
<div class="flow-list"> |
|||
{hcTaglib:contentList ids="1571,1572,1573,1574,1575" moduleId="1" limit="5" mainField="title,sub_title,thumbnail,description" sort="sort asc,id asc" item="vo"} |
|||
<div class="flow-box"> |
|||
<div class="flow-head"> |
|||
<p>{$vo.sub_title|default=''}</p> |
|||
<img src="{$vo.thumbnail.url|default=''}" /> |
|||
</div> |
|||
<div class="text"> |
|||
{$vo.description|raw} |
|||
</div> |
|||
<div class="num">0{$key}</div> |
|||
</div> |
|||
{/hcTaglib:contentList} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
// banner |
|||
var swiper = new Swiper('.indexBannerSwiper', { |
|||
pagination: { |
|||
el: '.indexBannerSwiper .swiper-pagination' |
|||
} |
|||
}) |
|||
// tab 切换 |
|||
$('.indexBlock2 .w1280 .right .top .tab a').click(function () { |
|||
$(this).addClass('on') |
|||
$('.indexBlock2 .w1280 .right .content .list') |
|||
.eq($(this).inde()) |
|||
.fadeIn() |
|||
}) |
|||
// 日历 |
|||
layui.use(function () { |
|||
var layer = layui.layer |
|||
var laydate = layui.laydate |
|||
laydate.render({ |
|||
elem: '#ID-laydate-static-1', |
|||
position: 'static', |
|||
mark: { |
|||
'2023-9-15': '' |
|||
} |
|||
}) |
|||
}) |
|||
// 服务hover |
|||
$('.indexBlock5 .w1280 .content .list').hover( |
|||
function () { |
|||
$(this).children('.posi').stop().fadeOut() |
|||
$(this).children('.posiOn').stop().fadeIn() |
|||
$(this).children('.posiOn').css('display', 'flex') |
|||
}, |
|||
function () { |
|||
$(this).children('.posi').stop().fadeIn() |
|||
$(this).children('.posiOn').stop().fadeOut() |
|||
} |
|||
) |
|||
// 走进东亚 视频 |
|||
$('.indexBlock6 .w1280 .right .player').click(function () { |
|||
$('.windowVideo').stop().fadeIn() |
|||
setTimeout(function () { |
|||
$('#indexBlock6video')[0].play() |
|||
}, 500) |
|||
}) |
|||
$('.windowVideo .content .close').click(function () { |
|||
$('.windowVideo').stop().fadeOut() |
|||
$('#indexBlock6video')[0].pause() |
|||
}) |
|||
</script> |
|||
<script> |
|||
layui.use('table', function () { |
|||
var table = layui.table |
|||
|
|||
table.render({ |
|||
elem: '#message-table', //指定原始表格元素选择器（推荐id选择器） |
|||
data: [ |
|||
{ |
|||
id: 10000, |
|||
username: 'user-0' |
|||
}, |
|||
{ |
|||
id: 10000, |
|||
username: 'user-0' |
|||
}, |
|||
{ |
|||
id: 10000, |
|||
username: 'user-0' |
|||
}, |
|||
{ |
|||
id: 10000, |
|||
username: 'user-0' |
|||
} |
|||
], |
|||
cols: [ |
|||
[ |
|||
{ field: 'username', title: '姓名', align: 'center' }, |
|||
{ field: 'username', title: '期货从业资格号', align: 'center' }, |
|||
{ title: '投资咨询从业资格号', align: 'center' }, |
|||
{ title: '人员分工', align: 'center' } |
|||
] |
|||
] //设置表头 |
|||
}) |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,178 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/trade.css"> |
|||
{if isset($app_id)} |
|||
<style> |
|||
.commissionBlock2 .w1280, |
|||
.commissionBlock .w1280{ |
|||
width: 100%; |
|||
} |
|||
@media (max-width:1080px) { |
|||
.commissionBlock2 .w1280 .content p{ |
|||
margin-bottom: 0; |
|||
} |
|||
} |
|||
</style> |
|||
{/if} |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{if !isset($app_id)} |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/trade/tradeBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">交易服务</div> |
|||
</div> |
|||
</div> |
|||
{/if} |
|||
<!-- banner end --> |
|||
{if !isset($app_id)} |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="9" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
{else /} |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:categoryList ids="18,19" item="vo" field="id,title" sort="id desc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id,'query'=>['app_id'=>$app_id]])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:categoryList} |
|||
</div> |
|||
</div> |
|||
{/if} |
|||
<div class="commissionBlock"> |
|||
<div class="w1280"> |
|||
<div class="tradeTit"> |
|||
<p>公司手续费标准</p> |
|||
<div class="tradeSearch"> |
|||
<input type="text" placeholder="请输入品种名称/交易代码/合约代码"> |
|||
<div class="searchBtn">搜索</div> |
|||
</div> |
|||
</div> |
|||
<div class="tab"> |
|||
{hcTaglib:subcategory pid="18" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="javascript:;" class="{$key == 1 ? 'on' : ''}" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:subcategory pid="18" item="vo" field="id,title" sort="sort asc"} |
|||
<div class="cont"> |
|||
<table class="table1"> |
|||
<tbody> |
|||
<tr> |
|||
<td>合约品种</td> |
|||
<td>简称</td> |
|||
<td>手续费收取标准</td> |
|||
<td>备注</td> |
|||
</tr> |
|||
{hcTaglib:content cid="$vo.id" moduleId="1" limit="100" item="vv" mainField="id,title,sub_title,description" subField="id,sub_title" sort="id asc"} |
|||
<tr> |
|||
<td>{$vv.title}</td> |
|||
<td>{$vv.sub_title}</td> |
|||
<td>{$vv.description}</td> |
|||
<td>{$vv.main_content.sub_title|raw}</td> |
|||
</tr> |
|||
{/hcTaglib:content} |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="commissionBlock2"> |
|||
<div class="w1280"> |
|||
<div class="tradeTit"> |
|||
<p>说明</p> |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:contentDetail id="1556" name="contentDetail" mainField="id,title,content" } |
|||
{$contentDetail.content|raw} |
|||
{/hcTaglib:contentDetail} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{if !isset($app_id)} |
|||
{include file="common/footer" /} |
|||
{/if} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
let index = 1 |
|||
let conSelector = $('.commissionBlock .w1280 .content .cont') |
|||
conSelector.eq(0).css('display','block') |
|||
$('.commissionBlock .w1280 .tab a').click(function(){ |
|||
let thisIndex = $(this).index() |
|||
index = thisIndex+1 |
|||
if($(this).hasClass('on')){ |
|||
return |
|||
} |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
conSelector.css('display','none') |
|||
conSelector.eq(thisIndex).fadeIn() |
|||
}) |
|||
// 页内搜索 |
|||
$('.tradeSearch .searchBtn').click(function(){ |
|||
let searchInput = $('.tradeSearch input').val() |
|||
let cid = $('.commissionBlock .w1280 .tab a.on').attr('data-id'); |
|||
$.ajax({ |
|||
'type':'get', |
|||
'url':'content/list', |
|||
'data':{'category_id':cid,'title':searchInput,'limit':500,'sort':'id asc'}, |
|||
'dataType':'json', |
|||
'success':function(res){ |
|||
createTableDom(res.data) |
|||
} |
|||
}) |
|||
}) |
|||
function createTableDom(data) |
|||
{ |
|||
let tableStart = ` |
|||
<tr> |
|||
<td>合约品种</td> |
|||
<td>简称</td> |
|||
<td>互联网开户手续费收取标准</td> |
|||
<td>备注</td> |
|||
</tr> |
|||
` |
|||
let tableDom = '' |
|||
data.forEach((item) => { |
|||
console.log(item,111) |
|||
let tmp = ` |
|||
<tr> |
|||
<td>${item.title}</td> |
|||
<td>${item.sub_title}</td> |
|||
<td>${item.description}</td> |
|||
<td>${item.main_content.sub_title}</td> |
|||
</tr> |
|||
` |
|||
tableDom += tmp; |
|||
}) |
|||
let selector = `.commissionBlock .w1280 .content .cont:nth-child(${index}) table tbody` |
|||
|
|||
$(selector).html(tableStart + tableDom) |
|||
} |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,152 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/contact.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/otherService.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zoujin/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">走进东亚</div> |
|||
<div class="bannerTips">东亚财富，智讯共享</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="7" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<!-- {hcTaglib:contentDetail id="1561" name="item" mainField="id,title,content,thumbnail"} |
|||
<div class="contact-container" style="background-image: url({$item.thumbnail.url|default='__TMPL__/static/images/zoujin/ditu.jpg'})"> |
|||
<div class="w1280"> |
|||
<div class="contact-text"> |
|||
{$item['content']|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentDetail} --> |
|||
<div class="contactBlock"> |
|||
{hcTaglib:contentDetail id="1561" name="item" mainField="id,title,content,thumbnail"} |
|||
<div class="img"><img src="{$item.thumbnail.url|default='__TMPL__/static/images/zoujin/ditu.jpg'}" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="contact-text"> |
|||
{$item['content']|raw} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentDetail} |
|||
</div> |
|||
<div class="contact-form w1280"> |
|||
<div class="title">意见反馈</div> |
|||
<form class="layui-form" id="myForm"> |
|||
<div class="layui-form-item"> |
|||
<input type="text" name="dislike" placeholder="请您描述您觉得不满意的地方" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
<div class="layui-form-item"> |
|||
<input type="text" name="use" placeholder="您最常用的功能/最关注的功能" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
<div class="layui-form-item"> |
|||
<input type="text" name="want" placeholder="您觉得需要增加的功能" autocomplete="off" class="layui-input"> |
|||
</div> |
|||
<div class="layui-form-item"> |
|||
<input type="text" id="formCode" name="formCode" maxlength="4" placeholder="图形验证码" class="layui-input"> |
|||
<div class="codeImg"></div> |
|||
</div> |
|||
<div class="layui-form-item w-100"> |
|||
<textarea name="other" placeholder="其他意见" class="layui-textarea"></textarea> |
|||
</div> |
|||
<button class="layui-btn" lay-submit lay-filter="demo-submit">立即反馈</button> |
|||
</form> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script src="__TMPL__/static/js/randomCoding.js"></script> |
|||
<script> |
|||
// 表单提交 |
|||
layui.use(function(){ |
|||
var $ = layui.$; |
|||
var form = layui.form; |
|||
var layer = layui.layer; |
|||
form.on('submit(demo-submit)', function(data){ |
|||
// 显示填写结果，仅作演示用 |
|||
let dislike = $('input[name=dislike]').val(); |
|||
let want = $('input[name=want]').val(); |
|||
let use = $('input[name=use]').val(); |
|||
let other = $('input[name=other]').val(); |
|||
if(!dislike && !want && !use && !other){ |
|||
layer.msg('请填写内容') |
|||
return false; |
|||
} |
|||
let formCode = $('#formCode').val() |
|||
if(!formCode){ |
|||
layer.msg('请输入验证码'); |
|||
return false; |
|||
} |
|||
if(formCode.toUpperCase() != randomStr){ |
|||
layer.msg('请输入正确的验证码'); |
|||
$('#formCode').val('') |
|||
randomCoding() |
|||
$('.Verification .codeImg').html('') |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
return false |
|||
} |
|||
let formData = {dislike,want,use,other,'code':'65093cf85a43b'} |
|||
$.ajax({ |
|||
type:'POST', |
|||
url:'/addFormData', |
|||
data: formData, |
|||
success:function(res){ |
|||
if(res.code == 0 ){ |
|||
layer.msg(res.msg) |
|||
$('#myForm')[0].reset(); |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
|
|||
return false; // 阻止默认 form 跳转 |
|||
}); |
|||
}) |
|||
|
|||
// 验证码 |
|||
randomCoding() |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
$('.Verification .codeImg').click(function(){ |
|||
randomCoding() |
|||
$('.Verification .codeImg').html('') |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,92 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/download.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/download/downloadBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">下载中心</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="10" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="downAppBlock"> |
|||
<div class="w1280"> |
|||
<div class="tips"> |
|||
<div class="tit">风险提示</div> |
|||
<p>请您在下载和使用东亚期货网上交易软件之前，务必注意加强自身计算机安全防护，防止用于网上交易的计算机或手机终端感染木马、病毒，以免被恶意程序窃取口令；加强自身账号、口令的保护，不使用简单口令、定期修改口令、输入口令时防止他人偷看、不对他人泄露口令。同时下载前请仔细阅读风险提示书。一经使用东亚期货的网上交易软件，视为您已经认可提示！</p> |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId="7" name="hc_content" mainField="id,title,thumbnail,content,cover,description,url" subField="id,version,manual,version_date" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="left"> |
|||
<div class="ico"><img src="{$vo.thumbnail.url|default=''}" alt=""></div> |
|||
<div class="info"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="type">{$vo.main_content.version}</div> |
|||
<div class="time">更新时间：{$vo.main_content.version_date}</div> |
|||
<a href="{$vo.main_content.manual.url|default=$vo.url}" target="_blank" class="more">用户手册<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a> |
|||
</div> |
|||
</div> |
|||
<div class="right"> |
|||
<img src="{$vo.cover.url|default=''}" alt=""> |
|||
</div> |
|||
</div> |
|||
<div class="mobTop"> |
|||
<div class="left"> |
|||
<a href="javascript:;" class="tit"> |
|||
<div class="ico"><img src="{$vo.thumbnail.url|default=''}" alt=""></div> |
|||
<div class="text"> |
|||
<p>{$vo.title}</p> |
|||
<div class="time">更新时间：{$vo.main_content.version_date}</div> |
|||
</div> |
|||
</a> |
|||
<div class="type">{$vo.main_content.version}</div> |
|||
<a href="javascript:;" class="more">用户手册<img src="{$vo.main_content.manual.url|default=$vo.url}" alt=""></a> |
|||
</div> |
|||
<div class="right"> |
|||
<img src="__TMPL__/static/images/download/downAppImg6.jpg" alt=""> |
|||
</div> |
|||
</div> |
|||
<div class="bottom"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
|
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,62 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/download.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/download/downloadBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">下载中心</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="10" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="downInfoBlock"> |
|||
<div class="w1280"> |
|||
{hcTaglib:contentPage cid="$current_cate['id']" moduleId="7" name="hc_content" mainField="id,title,thumbnail,cover,description,url" subField="id,manual,version_date,soft_size" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="left"> |
|||
<div class="img"><img src="__TMPL__/static/images/download/pdfico.png" alt=""></div> |
|||
<div class="tit">{$vo.title}</div> |
|||
</div> |
|||
<div class="right"> |
|||
<div class="leftInfo"> |
|||
<div class="time">{$vo.main_content.version_date}</div> |
|||
<div class="info">{$vo.main_content.soft_size}</div> |
|||
</div> |
|||
<a href="{$vo.main_content.manual.url|default=$vo.url}" target="_blank" class="down"><img src="__TMPL__/static/images/download/down2.png" alt=""><img src="__TMPL__/static/images/download/down.png" alt="">下载</a> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
{$hc_content|raw} |
|||
</div> |
|||
|
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,126 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/download.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/download/downloadBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">下载中心</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="10" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="downPcBlock"> |
|||
<div class="w1280"> |
|||
<div class="tips"> |
|||
<div class="tit">风险提示</div> |
|||
<p>请您在下载和使用东亚期货网上交易软件之前，务必注意加强自身计算机安全防护，防止用于网上交易的计算机或手机终端感染木马、病毒，以免被恶意程序窃取口令；加强自身账号、口令的保护，不使用简单口令、定期修改口令、输入口令时防止他人偷看、不对他人泄露口令。同时下载前请仔细阅读风险提示书。一经使用东亚期货的网上交易软件，视为您已经认可提示！</p> |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId="7" name="hc_content" mainField="id,title,thumbnail,content,description,url" subField="id,version,manual,version_date,soft_size,hash" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="left"> |
|||
<div class="img"><img src="{$vo.thumbnail.url|default=''}" alt=""></div> |
|||
<div class="text"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="info"> |
|||
<span>版本：{$vo.main_content.version}</span> |
|||
<span>软件大小：{$vo.main_content.soft_size}</span> |
|||
<span>更新时间：{$vo.main_content.version_date}</span> |
|||
</div> |
|||
<div class="number"> |
|||
MD5号：{$vo.main_content.hash} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right"> |
|||
{if !empty($vo.url) || !empty($vo.main_content.manual.url)} |
|||
<a href="{$vo.main_content.manual.url|default=$vo.url}" target="_blank" class="book">用户手册</a> |
|||
{/if} |
|||
<a href="javascript:;" data-title="{$vo.main_content.package.name}" data-url="{$vo.main_content.package.url|default=''}" class="down"><img src="__TMPL__/static/images/download/down.png" alt="">下载</a> |
|||
</div> |
|||
</div> |
|||
<div class="bottom"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="downWindow"> |
|||
<div class="content"> |
|||
<div class="tit"> |
|||
客户风险告知书 |
|||
</div> |
|||
<div class="text"> |
|||
{hcTaglib:contentDetail id="1589" name="contentDetail" mainField="id,title,content" } |
|||
{$contentDetail.content|raw} |
|||
{/hcTaglib:contentDetail} |
|||
</div> |
|||
<div class="menu"> |
|||
<a href="javascript:;" class="submit">确定</a> |
|||
<a href="javascript:;" class="cancel">取消</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
let url = ''; |
|||
let filename = ''; |
|||
$('.downPcBlock .w1280 .content .list .top .right a.down').click(function(){ |
|||
$('.downWindow').stop().fadeIn() |
|||
url = $(this).attr('data-url') |
|||
filename = $(this).attr('data-title') |
|||
let book = $('.downWindow .content .text').offset().top - $('.downWindow .content').offset().top |
|||
$('.downWindow .content .text').css('height',$('.downWindow .content').outerHeight(true) - 147 - book ) |
|||
}) |
|||
$('.downWindow .content .menu a.cancel').click(function(){ |
|||
$('.downWindow').stop().fadeOut() |
|||
}) |
|||
$('.menu .submit').click(function(){ |
|||
var a = document.createElement("a"); //创建一个<a></a>标签 |
|||
a.href = url; // 给a标签的href属性值加上地址，注意，这里是绝对路径，不用加 点. |
|||
a.download = filename; //设置下载文件文件名，这里加上.xlsx指定文件类型，pdf文件就指定.fpd即可 |
|||
a.style.display = "none"; // 障眼法藏起来a标签 |
|||
document.body.appendChild(a); // 将a标签追加到文档对象中 |
|||
a.click(); // 模拟点击了a标签，会触发a标签的href的读取，浏览器就会自动下载了 |
|||
a.remove(); // 一次性的，用完就删除a标签 |
|||
$('.downWindow').stop().fadeOut() |
|||
}) |
|||
// |
|||
$(window).resize(function(){ |
|||
book = $('.downWindow .content .text').offset().top - $('.downWindow .content').offset().top |
|||
$('.downWindow .content .text').css('height',$('.downWindow .content').outerHeight(true) - 147 - book ) |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,311 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/trade.css"> |
|||
<style> |
|||
td{ |
|||
border: 1px solid #333; |
|||
vertical-align: middle; |
|||
padding: 10px |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/trade/tradeBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">交易服务</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="9" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title|default='--'}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="breedBlock"> |
|||
<div class="w1280"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='1' limit='1' sort='id asc' item="vo" field="id,title,content"} |
|||
{$vo.content|raw|default=''} |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
let index = 1; |
|||
for(let i = 1; i < 7; i++){ |
|||
initSwiper(i) |
|||
} |
|||
let levelLisSelector = $('.breedBlock .w1280 .levelCont .levelList') |
|||
levelLisSelector.eq(0).css('display','block') |
|||
levelLisSelector.eq(0).children('.content').children('.cont').eq(0).css('display','block') |
|||
initSwiperSlide() |
|||
|
|||
|
|||
$('.breedBlock .w1280 .type a').click(function(){ |
|||
index = $(this).data('index') |
|||
if($(this).hasClass('on')){ |
|||
return |
|||
} |
|||
let contClickNum = $(this).index() |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
levelLisSelector.css('display','none') |
|||
levelLisSelector.eq(contClickNum).stop().fadeIn() |
|||
levelLisSelector.eq(contClickNum).children('.swiperClick').children('.breedSwiper').children('.swiper-wrapper').children('.swiper-slide').removeClass('on') |
|||
levelLisSelector.eq(contClickNum).children('.swiperClick').children('.breedSwiper').children('.swiper-wrapper').children('.swiper-slide').eq(0).addClass('on') |
|||
levelLisSelector.eq(contClickNum).children('.content').children('.cont').css('display','none') |
|||
levelLisSelector.eq(contClickNum).children('.content').children('.cont').eq(0).css('display','block') |
|||
}) |
|||
levelLisSelector.each(function(){ |
|||
$(this).children('.swiperClick').children('.breedSwiper').children('.swiper-wrapper').children('.swiper-slide').eq(0).addClass('on') |
|||
$(this).children('.content').children('.cont').eq(0).css('display','block') |
|||
}) |
|||
// 页内搜索 |
|||
$('.tradeSearch .searchBtn').click(function(){ |
|||
let searchInput = $('.tradeSearch input').val() |
|||
let cid = $('.w1280 .type a.on').attr('data-id'); |
|||
$.ajax({ |
|||
'type':'get', |
|||
'url':'/content/list', |
|||
'data':{'category_id':cid,'title':searchInput,'limit':500,'sort':'id asc'}, |
|||
'dataType':'json', |
|||
'success':function(res){ |
|||
if(res.code == 0){ |
|||
// 移除原来的dom结构 |
|||
destroyOldDom(index) |
|||
if(res.data.length == 0){ |
|||
return false; |
|||
} |
|||
// 创建新的dom结构 |
|||
// 1、创建swiper |
|||
createSwiperDom(res.data,index) |
|||
// 2、创建table |
|||
createTableDom(res.data) |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
function destroyOldDom(index){ |
|||
$('.levelCont .levelList').eq(index-1).children().remove() |
|||
} |
|||
function createTableDom(data){ |
|||
let tableStart = ` |
|||
<div class="content"> |
|||
` |
|||
let tableEnd = ` |
|||
</div> |
|||
` |
|||
let tableDom = '' |
|||
data.forEach((vv)=>{ |
|||
tableDom += ` |
|||
<div class="cont"> |
|||
<table> |
|||
<tbody> |
|||
<tr> |
|||
<td>交易所名称</td> |
|||
<td>${vv.mainCate.title}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>商品名称</td> |
|||
<td>${vv.title}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>品种代码</td> |
|||
<td>${vv.sub_title}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>合约单位</td> |
|||
<td>${vv.description}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最小跳动价格</td> |
|||
<td>${vv.main_content.price}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交易日</td> |
|||
<td>${vv.main_content.last_day}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>日盘交易时间</td> |
|||
<td>${vv.main_content.daily_time}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>夜盘交易时间</td> |
|||
<td>${vv.main_content.night_time}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交易日特殊交易时间</td> |
|||
<td>${vv.main_content.special_time}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交易所保证金</td> |
|||
<td>${vv.main_content.margin}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>单笔最大下单(手)</td> |
|||
<td>${vv.main_content.single_order}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割方式</td> |
|||
<td>${vv.main_content.delivery_method}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割费用</td> |
|||
<td>${vv.main_content.delivery_fee}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割结算价</td> |
|||
<td>${vv.main_content.settlement_price}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>最后交割日</td> |
|||
<td>${vv.main_content.delivery_date}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割单位</td> |
|||
<td>${vv.main_content.change_deposit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第一板结算保证金</td> |
|||
<td>${vv.main_content.first_deposit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第二板结算保证金</td> |
|||
<td>${vv.main_content.second_deposit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>临近交割月交易所首次保证金调整</td> |
|||
<td>${vv.main_content.margin_adjustment}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割月保证金</td> |
|||
<td>${vv.main_content.monthly_deposit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>正常涨跌幅</td> |
|||
<td>${vv.main_content.fall_rate}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第一板结算起涨跌幅</td> |
|||
<td>${vv.main_content.first_rate}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>第二板结算起涨跌幅</td> |
|||
<td>${vv.main_content.second_rate}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>般月份单边限仓</td> |
|||
<td>${vv.main_content.warehouse}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割月限仓</td> |
|||
<td>${vv.main_content.month_limit}</td> |
|||
</tr> |
|||
<tr> |
|||
<td>交割前月限仓</td> |
|||
<td>${vv.main_content.before_delivery}</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
` |
|||
}) |
|||
let tableStr = tableStart + tableDom + tableEnd |
|||
$('.levelCont .levelList').eq(index-1).append(tableStr) |
|||
levelLisSelector.eq(index-1).children('.content').children('.cont').eq(0).css('display','block') |
|||
|
|||
}; |
|||
function createSwiperDom(data,index){ |
|||
let swiperStart = ` |
|||
<div class="swiperClick swiperClick${index} "> |
|||
<div class="swiper breedSwiper breedSwiper${index}"> |
|||
<div class="swiper-wrapper"> |
|||
` |
|||
let swiperEnd = ` |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
` |
|||
let swiperDom = '' |
|||
data.forEach((vv)=>{ |
|||
swiperDom += ` |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="${vv.thumbnail.url}" alt=""></div> |
|||
<p>${vv.title}</p> |
|||
</div> |
|||
` |
|||
}) |
|||
let swiperStr = swiperStart + swiperDom + swiperEnd |
|||
$('.levelCont .levelList').eq(index-1).append(swiperStr) |
|||
initSwiperSlide() |
|||
initSwiper(index) |
|||
}; |
|||
// 初始化swiper |
|||
function initSwiper(index) |
|||
{ |
|||
let swiperStr= `.breedSwiper${index}`; |
|||
let clickStr = `.swiperClick${index}` |
|||
new Swiper(swiperStr, { |
|||
slidesPerView: "auto", |
|||
spaceBetween: 76, |
|||
navigation: { |
|||
nextEl: `${clickStr} .swiper-button-next`, |
|||
prevEl: `${clickStr} .swiper-button-prev`, |
|||
}, |
|||
breakpoints: { |
|||
320:{ |
|||
spaceBetween: 20, |
|||
}, |
|||
1080:{ |
|||
spaceBetween: 76, |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
// 内容切换 |
|||
function tableSwitch(){ |
|||
console.log(this) |
|||
let thisIndex = $(this).index() |
|||
$(this).addClass('on') |
|||
$(this).siblings().removeClass('on') |
|||
$('.breedBlock .w1280 .content .cont').css('display','none') |
|||
$(this).parents('.swiperClick').siblings('.content').children('.cont').eq(thisIndex).fadeIn() |
|||
} |
|||
|
|||
// 初始化品种swiper的样式和点击事件 |
|||
function initSwiperSlide() |
|||
{ |
|||
let swiperSlideSelector = $('.breedBlock .w1280 .breedSwiper .swiper-wrapper .swiper-slide') |
|||
swiperSlideSelector.eq(0).addClass('on') |
|||
swiperSlideSelector.click(tableSwitch) |
|||
} |
|||
|
|||
|
|||
|
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,117 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/open_account.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/open_account/reservationBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">开户服务</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="8" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="guideBlock"> |
|||
<div class="w1280"> |
|||
<div class="left"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId="1" name="hc_content" mainField="id,title,description,thumbnail" sort="sort asc"} |
|||
<a href="javascript:;" class="list {$key == 1 ? 'on':''}">{$vo.title}<img src="__TMPL__/static/images/open_account/right.png" alt=""></a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="right"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId="1" name="hc_content" mainField="id,title,content,sub_title" sort="sort asc"} |
|||
<div class="cont"> |
|||
<div class="openAccountTit"><p>{$vo.sub_title}</p></div> |
|||
<div class="content"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
$('.guideBlock .w1280 .left .list').eq(0).addClass('on') |
|||
$('.guideBlock .w1280 .right .cont').eq(0).css('display','block') |
|||
$('.guideBlock .w1280 .left .list').click(function(){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
$('.guideBlock .w1280 .right .cont').css('display','none') |
|||
$('.guideBlock .w1280 .right .cont').eq($(this).index()).stop().fadeIn() |
|||
}) |
|||
// 跟屏滚动 |
|||
// let leftBlock = $('.guideBlock .w1280 .left').offset().top |
|||
// let winScroll = $(window).scrollTop() - 80 |
|||
// let offsetLeft = $('.guideBlock .w1280').offset().left |
|||
// let footerOffset = $('.footer').offset().top |
|||
|
|||
// $(window).scroll(function(){ |
|||
// winScroll = $(window).scrollTop() + 80 |
|||
// offsetLeft = $('.guideBlock .w1280').offset().left |
|||
// if($(window).width() > 1080){ |
|||
// if(winScroll > footerOffset - $('.footer').height()){ |
|||
// $('.guideBlock .w1280 .left').css({ |
|||
// 'position':'absolute', |
|||
// 'bottom':'0', |
|||
// 'left':'0', |
|||
// 'top':'auto' |
|||
// }) |
|||
// return |
|||
// }else |
|||
// if(winScroll > leftBlock){ |
|||
// if($('.guideBlock .w1280 .right').height() < 500){ |
|||
// return |
|||
// } |
|||
// $('.guideBlock .w1280 .left').css({ |
|||
// 'position':'fixed', |
|||
// 'left': offsetLeft, |
|||
// 'top': '80px' |
|||
// }) |
|||
// return |
|||
// } else{ |
|||
// $('.guideBlock .w1280 .left').css({ |
|||
// 'position':'initial' |
|||
// }) |
|||
// } |
|||
// }else{ |
|||
// $('.guideBlock .w1280 .left').css({ |
|||
// 'position':'initial' |
|||
// }) |
|||
// } |
|||
// }) |
|||
// $(window).resize(function(){ |
|||
// let leftBlock = $('.guideBlock .w1280 .left').offset().top |
|||
// let winScroll = $(window).scrollTop() - 80 |
|||
// let offsetLeft = $('.w1280').offset().left |
|||
// let footerOffset = $('.footer').offset().top |
|||
// }) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,125 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/message.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zoujin/img-2.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">{$current_cate['title']}</div> |
|||
</div> |
|||
</div> |
|||
<div class="crumb-head"> |
|||
<ul class="w1280"> |
|||
<li><a href="">首页</a></li> |
|||
{hcTaglib:breadcrumb cid="$current_cate['id']" item="cate"} |
|||
<li>></li> |
|||
<li><a href="{$cate.url}">{$cate.title}</a></li> |
|||
{/hcTaglib:breadcrumb} |
|||
</ul> |
|||
</div> |
|||
<div class="tabs-container"> |
|||
<div class="message-detail w1280"> |
|||
<div class="line-title">特别提示</div> |
|||
<div class="message-block1"> |
|||
{hcTaglib:content cid="130" moduleId="1" item="vo" mainField="id,title,description,content"} |
|||
<div class="message-colla"> |
|||
<div class="content-title"> |
|||
{$vo.description} |
|||
</div> |
|||
<div class="tool"></div> |
|||
<div class="message-content"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
<div class="message-description"> |
|||
居间人如存在上述行为，其行为所产生的经济后果和法律责任由本人自负,与东亚期货无关 |
|||
</div> |
|||
</div> |
|||
<div class="line-title">居间人公示表</div> |
|||
<div class="message-table"> |
|||
<table class="layui-table"> |
|||
<colgroup> |
|||
<col width="150"> |
|||
<col width="150"> |
|||
<col width="150"> |
|||
<col width="150"> |
|||
<col width="150"> |
|||
</colgroup> |
|||
<thead> |
|||
<tr> |
|||
<th>姓名</th> |
|||
<th>身份证</th> |
|||
<th>照片</th> |
|||
<th>合同到期时间</th> |
|||
<th>居间人登记编号</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
{hcTaglib:content cid="67" moduleId="1" limit="100" mainField="id,title,sub_title,description,thumbnail" subField="id,sub_title" sort="sort asc"} |
|||
<tr> |
|||
<td>{$vo.title}</td> |
|||
<td>{$vo.sub_title}</td> |
|||
<td><a href="javascript:;" data-id="{$vo.thumbnail.url|default=''}" class="pic-view">查看照片</a></td> |
|||
<td>{$vo.description}</td> |
|||
<td>{$vo.main_content.sub_title}</td> |
|||
</tr> |
|||
{/hcTaglib:content} |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="messagePeopleImg"> |
|||
<div class="content"> |
|||
<div class="close"><img src="__TMPL__/static/images/close.png" alt=""></div> |
|||
<div class="cont"> |
|||
<img src="" alt=""> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script> |
|||
$('.message-colla .tool').click(function(){ |
|||
if($(this).parent().hasClass('active')){ |
|||
$(this).parent().removeClass('active') |
|||
return |
|||
} |
|||
$(this).parent().addClass('active') |
|||
}) |
|||
// 查看图片 |
|||
$('.message-table .layui-table td a').click(function(){ |
|||
let imgUrl = $(this).data('id') |
|||
$('.messagePeopleImg .content .cont img').attr('src',imgUrl) |
|||
$('.messagePeopleImg').stop().fadeIn() |
|||
}) |
|||
$('.messagePeopleImg .content .close').click(function(){ |
|||
$('.messagePeopleImg').stop().fadeOut() |
|||
setTimeout(function(){ |
|||
$('.messagePeopleImg .content .cont img').attr('src','') |
|||
},300) |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,165 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/trade.css"> |
|||
{if isset($app_id)} |
|||
<style> |
|||
.commissionBlock .w1280{ |
|||
width: 100%; |
|||
} |
|||
@media (max-width:1080px) { |
|||
.commissionBlock2 .w1280 .content p{ |
|||
margin-bottom: 0; |
|||
} |
|||
} |
|||
</style> |
|||
{/if} |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{if !isset($app_id)} |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/trade/tradeBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">交易服务</div> |
|||
</div> |
|||
</div> |
|||
{/if} |
|||
<!-- banner end --> |
|||
{if !isset($app_id)} |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="9" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
{else /} |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:categoryList ids="18,19" item="vo" field="id,title" sort="id desc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id,'query'=>['app_id'=>$app_id]])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:categoryList} |
|||
</div> |
|||
</div> |
|||
{/if} |
|||
<div class="commissionBlock"> |
|||
<div class="w1280"> |
|||
<div class="tradeTit"> |
|||
<p>保证金标准</p> |
|||
<div class="tradeSearch"> |
|||
<input type="text" placeholder="请输入品种名称/交易代码/合约代码"> |
|||
<div class="searchBtn">搜索</div> |
|||
</div> |
|||
</div> |
|||
<div class="tab"> |
|||
{hcTaglib:subcategory pid="19" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="javascript:;" class="{$key == 1 ? 'on' : ''}" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:subcategory pid="19" item="vo" field="id,title" sort="sort asc"} |
|||
<div class="cont"> |
|||
<table class="table2"> |
|||
<tbody> |
|||
<tr> |
|||
<td>品种</td> |
|||
<td>代码</td> |
|||
<td>合约单位（吨/手）</td> |
|||
<td>保证金(交易所+公司上浮)</td> |
|||
</tr> |
|||
{hcTaglib:content cid="$vo.id" moduleId="10" item="vv" limit="100" mainField="id,title,sub_title,description" subField="id,min_change,chg,margin,unit,limit_price,last_date" sort="id asc"} |
|||
<tr> |
|||
<td>{$vv.title}</td> |
|||
<td>{$vv.sub_title}</td> |
|||
<td>{$vv.description}</td> |
|||
<td>{$vv.main_content.margin}</td> |
|||
</tr> |
|||
{/hcTaglib:content} |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{if !isset($app_id)} |
|||
{include file="common/footer" /} |
|||
{/if} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
let index = 1; |
|||
$('.commissionBlock .w1280 .content .cont').eq(0).css('display','block') |
|||
$('.commissionBlock .w1280 .tab a').click(function(){ |
|||
let thisIndex = $(this).index() |
|||
index = thisIndex + 1; |
|||
|
|||
if($(this).hasClass('on')){ |
|||
return |
|||
} |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
$('.commissionBlock .w1280 .content .cont').css('display','none') |
|||
$('.commissionBlock .w1280 .content .cont').eq(thisIndex).fadeIn() |
|||
}) |
|||
// 页内搜索 |
|||
// 页内搜索 |
|||
$('.tradeSearch .searchBtn').click(function(){ |
|||
let searchInput = $('.tradeSearch input').val() |
|||
let cid = $('.commissionBlock .w1280 .tab a.on').attr('data-id'); |
|||
$.ajax({ |
|||
'type':'get', |
|||
'url':'content/list', |
|||
'data':{'category_id':cid,'title':searchInput,'limit':500,'sort':'id asc'}, |
|||
'dataType':'json', |
|||
'success':function(res){ |
|||
createTableDom(res.data) |
|||
} |
|||
}) |
|||
}) |
|||
function createTableDom(data) |
|||
{ |
|||
let tableStart = ` |
|||
<tr> |
|||
<td>品种</td> |
|||
<td>代码</td> |
|||
<td>合约单位（吨/手）</td> |
|||
<td>保证金(交易所+公司上浮)</td> |
|||
</tr> |
|||
` |
|||
let tableDom = '' |
|||
data.forEach((item) => { |
|||
let tmp = ` |
|||
<tr> |
|||
<td>${item.title}</td> |
|||
<td>${item.sub_title}</td> |
|||
<td>${item.description}</td> |
|||
<td>${item.main_content.margin}</td> |
|||
</tr> |
|||
` |
|||
tableDom += tmp; |
|||
}) |
|||
let selector = `.commissionBlock .w1280 .content .cont:nth-child(${index}) table tbody` |
|||
|
|||
$(selector).html(tableStart + tableDom) |
|||
} |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,109 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/message.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zoujin/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">走进东亚</div> |
|||
<div class="bannerTips">东亚财富，智讯共享</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="7" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-container"> |
|||
<div class="message-list w1280"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId="1" limit="100" item="vo" field="id,title,thumbnail" sort="sort asc,id asc"} |
|||
<div class="tab-box"> |
|||
<img src="{$vo.thumbnail.url}" /> |
|||
<div class="title">{$vo.title}</div> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$current_cate['id']])}" class="more"> |
|||
<p>立即查看</p> |
|||
<div class="bg"></div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
// banner |
|||
var swiper = new Swiper('.indexBannerSwiper', { |
|||
pagination: { |
|||
el: '.indexBannerSwiper .swiper-pagination' |
|||
} |
|||
}) |
|||
// tab 切换 |
|||
$('.indexBlock2 .w1280 .right .top .tab a').click(function () { |
|||
$(this).addClass('on') |
|||
$('.indexBlock2 .w1280 .right .content .list') |
|||
.eq($(this).inde()) |
|||
.fadeIn() |
|||
}) |
|||
// 日历 |
|||
layui.use(function () { |
|||
var layer = layui.layer |
|||
var laydate = layui.laydate |
|||
laydate.render({ |
|||
elem: '#ID-laydate-static-1', |
|||
position: 'static', |
|||
mark: { |
|||
'2023-9-15': '' |
|||
} |
|||
}) |
|||
}) |
|||
// 服务hover |
|||
$('.indexBlock5 .w1280 .content .list').hover( |
|||
function () { |
|||
$(this).children('.posi').stop().fadeOut() |
|||
$(this).children('.posiOn').stop().fadeIn() |
|||
$(this).children('.posiOn').css('display', 'flex') |
|||
}, |
|||
function () { |
|||
$(this).children('.posi').stop().fadeIn() |
|||
$(this).children('.posiOn').stop().fadeOut() |
|||
} |
|||
) |
|||
// 走进东亚 视频 |
|||
$('.indexBlock6 .w1280 .right .player').click(function () { |
|||
$('.windowVideo').stop().fadeIn() |
|||
setTimeout(function () { |
|||
$('#indexBlock6video')[0].play() |
|||
}, 500) |
|||
}) |
|||
$('.windowVideo .content .close').click(function () { |
|||
$('.windowVideo').stop().fadeOut() |
|||
$('#indexBlock6video')[0].pause() |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,190 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/online.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/online/onlineBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">网上营业厅</div> |
|||
<div class="bannerTips">值得信赖的期货机构，足不出户，即可开户</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="onlineBlock"> |
|||
<div class="w1280"> |
|||
<div class="leftCont"> |
|||
<div class="onlineBlock1"> |
|||
<div class="onlineTitle">开户服务</div> |
|||
<div class="content"> |
|||
{hcTaglib:subcategory pid="8" item="vo" field="id,title,thumbnail" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="list"> |
|||
<div class="img"><img src="{$vo.thumbnail.url}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="onlineBlock2"> |
|||
<div class="onlineTitle">交易服务</div> |
|||
<div class="content"> |
|||
{hcTaglib:subcategory pid="9" item="vo" field="id,title,thumbnail,description" sort="sort asc"} |
|||
<div class="list" style="background: url({$vo.thumbnail.url|default=''}) no-repeat;"> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="tit">{$vo.title}</a> |
|||
<div class="tips">{$vo.description}</div> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="more">立即查看<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="onlineBlock3"> |
|||
<div class="onlineTitle">下载中心</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
{hcTaglib:subcategory pid="10" item="vo" field="id,title" sort="sort asc"} |
|||
<div class="list">{$vo.title}<img src="__TMPL__/static/images/online/right.png" alt=""></div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="right"> |
|||
{hcTaglib:content cid="22" moduleId="7" item="vo" limit="1" name="softList" mainField="id,title,thumbnail" subField="*" sort="id asc"} |
|||
<div class="cont cont1"> |
|||
<div class="top"> |
|||
<img src="{$vo.thumbnail.url|default='__TMPL__/static/images/online/onlineBlock3Img2.png'}" alt=""> |
|||
{$vo.title} |
|||
</div> |
|||
<div class="info"> |
|||
<p><img src="__TMPL__/static/images/online/apple.png" alt="">版本：{$vo.main_content.version} 软件大小：{$vo.main_content.soft_size}</p> |
|||
<p><img src="__TMPL__/static/images/online/Android.png" alt="">版本：{$vo.main_content.ios_version} 软件大小：{$vo.main_content.ios_size}</p> |
|||
</div> |
|||
<div class="img"> |
|||
<img src="{$vo.main_content.soft_image.url|default=''}" alt=""> |
|||
</div> |
|||
<a href="{:hcUrl('list/index',['id'=>22])}" class="more">更多软件<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
{hcTaglib:content cid="23" moduleId="7" item="vo" limit="1" name="softList" mainField="id,title,thumbnail" subField="*" sort="id asc"} |
|||
<div class="cont cont1"> |
|||
<div class="top"> |
|||
<img src="{$vo.thumbnail.url|default='__TMPL__/static/images/online/onlineBlock3Img2.png'}" alt=""> |
|||
{$vo.title} |
|||
</div> |
|||
<div class="info"> |
|||
<p>版本：{$vo.main_content.version} 软件大小：{$vo.main_content.soft_size}</p> |
|||
</div> |
|||
<div class="img"> |
|||
<img src="{$vo.main_content.soft_image.url|default=''}" alt=""> |
|||
</div> |
|||
<a href="{:hcUrl('list/index',['id'=>23])}" class="more">更多软件<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
<div class="cont cont2"> |
|||
<div class="list"> |
|||
{hcTaglib:content cid="24" moduleId="7" item="vo" limit="2" name="softList" mainField="id,title" subField="*" sort="id asc"} |
|||
<a href="{$vo.main_content.manual.url|default='javascript:;'}" target="_blank"> |
|||
<p><img src="{:empty($vo.main_content.manual.url) == false && strpos($vo.main_content.manual.url,'.pdf') != false ? '__TMPL__/static/images/online/pdfico.png' : '' }" alt="">{$vo.title}</p> |
|||
<div class="menu"><img src="__TMPL__/static/images/online/down.png" alt="">下载</div> |
|||
</a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="{:hcUrl('list/index',['id'=>24])}" class="more">更多资料<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="onlineBlock4"> |
|||
<div class="onlineTitle">其他服务</div> |
|||
<div class="content"> |
|||
{hcTaglib:subcategory pid="12" item="vo" field="id,title,thumbnail" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="list"> |
|||
<div class="img"><img src="{$vo.thumbnail.url}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</a> |
|||
{/hcTaglib:subcategory} |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="rightCont"> |
|||
<div class="onlineBlock5"> |
|||
<div class="tab"> |
|||
{hcTaglib:subcategory pid="11" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="javascript:;">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:subcategory pid="11" item="vo" field="id,title" sort="sort asc"} |
|||
<div class="cont"> |
|||
<div class="list"> |
|||
{hcTaglib:content cid="$vo.id" moduleId="1" limit="6" item="vo1" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo1.id,'cid'=>$vo1.category_id])}">{$vo1.title}</a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="more">更多公告<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="onlineBlock6"> |
|||
<div class="onlineTitle"> |
|||
常见问题 |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="29" moduleId="1" limit="6" item="vo1" field="id,title" sort="sort asc" all="1" } |
|||
<a href="{:hcUrl('list/index',['id'=>29,'curr'=>$vo1.category_id])}">{$vo1.title}</a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
// 右侧内容切换，公司公告，交易所公告，保证金调整公告 |
|||
$('.onlineBlock .w1280 .rightCont .onlineBlock5 .tab a').eq(0).addClass('on') |
|||
$('.onlineBlock .w1280 .rightCont .onlineBlock5 .content .cont').eq(0).css('display','block') |
|||
$('.onlineBlock .w1280 .rightCont .onlineBlock5 .tab a').click(function(){ |
|||
let thisIndex = $(this).index() |
|||
if($(this).hasClass('on')){ |
|||
return |
|||
} |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
$('.onlineBlock .w1280 .rightCont .onlineBlock5 .content .cont').css('display','none') |
|||
$('.onlineBlock .w1280 .rightCont .onlineBlock5 .content .cont').eq(thisIndex).stop().fadeIn() |
|||
}) |
|||
// 下载中心切换 |
|||
$('.onlineBlock .w1280 .leftCont .onlineBlock3 .content .left .list').eq(0).addClass('on') |
|||
$('.onlineBlock .w1280 .leftCont .onlineBlock3 .content .right .cont').eq(0).css('display','Block') |
|||
$('.onlineBlock .w1280 .leftCont .onlineBlock3 .content .left .list').click(function(){ |
|||
let thisIndex2 = $(this).index() |
|||
if($(this).hasClass('on')){ |
|||
return |
|||
} |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
$('.onlineBlock .w1280 .leftCont .onlineBlock3 .content .right .cont').css('display','none') |
|||
$('.onlineBlock .w1280 .leftCont .onlineBlock3 .content .right .cont').eq(thisIndex2).stop().fadeIn() |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,198 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/open_account.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/open_account/reservationBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">开户服务</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="8" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="reservationBlock"> |
|||
<div class="w1280"> |
|||
<form action="" id="reservationForm"> |
|||
<div class="tit">填写您的个人信息</div> |
|||
<div class="list"> |
|||
<div class="left"><span>*</span>姓名 :</div> |
|||
<div class="right"><input type="text" id="name"></div> |
|||
</div> |
|||
<div class="list sex"> |
|||
<div class="left"><span>*</span>性别 :</div> |
|||
<div class="right"> |
|||
<div class="radio on"> |
|||
<span></span> |
|||
男 |
|||
</div> |
|||
<div class="radio"> |
|||
<span></span> |
|||
女 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="list type"> |
|||
<div class="left">类型 :</div> |
|||
<div class="right"> |
|||
<div class="radio"> |
|||
<span></span> |
|||
自然人 |
|||
</div> |
|||
<div class="radio"> |
|||
<span></span> |
|||
法人 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="list"> |
|||
<div class="left"><span>*</span>身份证号 :</div> |
|||
<div class="right"><input type="text" id="id"></div> |
|||
</div> |
|||
<div class="list"> |
|||
<div class="left"><span>*</span>联系地址 :</div> |
|||
<div class="right"><input type="text" id="address"></div> |
|||
</div> |
|||
<div class="list"> |
|||
<div class="left"><span>*</span>联系电话 :</div> |
|||
<div class="right"><input type="text" id="tel"></div> |
|||
</div> |
|||
<div class="list"> |
|||
<div class="left">备注 :</div> |
|||
<div class="right"> |
|||
<textarea id="mess"></textarea> |
|||
</div> |
|||
</div> |
|||
<div class="list"> |
|||
<div class="left"><span>*</span>验证码 :</div> |
|||
<div class="right"> |
|||
<div class="Verification"> |
|||
<input type="text" id="formCode" maxlength="4" placeholder=""> |
|||
<div class="codeImg"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<a href="javascript:;" class="submit">立即提交</a> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script src="__TMPL__/static/js/randomCoding.js"></script> |
|||
<script> |
|||
// 性别、类型 仿radio |
|||
$('#reservationForm .list.sex .right .radio').click(function(){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
}) |
|||
$('#reservationForm .list.type .right .radio').click(function(){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
}) |
|||
|
|||
randomCoding() |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
$('.Verification .codeImg').click(function(){ |
|||
randomCoding() |
|||
$('.Verification .codeImg').html('') |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
}) |
|||
// 提交 |
|||
$('#reservationForm .submit').click(function(){ |
|||
// 获取填写数据 |
|||
let name = $('#name').val() |
|||
let sex = $('.sex .right .on').index() == 0 ? '男' : '女' |
|||
let type = $('.type .right .on').index() == 0 ? '自然人' : '法人' |
|||
let id = $('#id').val() |
|||
let address = $('#address').val() |
|||
let tel = $('#tel').val() |
|||
let mess = $('#mess').val() |
|||
let formCode = $('#formCode').val() |
|||
// 判断必填 |
|||
if(name == ''){ |
|||
layer.msg('请输入姓名'); |
|||
return |
|||
} |
|||
if(id == ''){ |
|||
layer.msg('请输入身份证号'); |
|||
return |
|||
} |
|||
if(address == ''){ |
|||
layer.msg('请输入联系地址'); |
|||
return |
|||
} |
|||
if(tel == ''){ |
|||
layer.msg('请输入联系电话'); |
|||
return |
|||
} |
|||
if(formCode == ''){ |
|||
layer.msg('请输入验证码'); |
|||
return |
|||
} |
|||
if(formCode.toUpperCase() != randomStr){ |
|||
layer.msg('请输入正确的验证码'); |
|||
$('#formCode').val('') |
|||
randomCoding() |
|||
$('.Verification .codeImg').html('') |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
return |
|||
} |
|||
let data = { |
|||
name, |
|||
sex, |
|||
type, |
|||
'id_card':id, |
|||
address, |
|||
tel, |
|||
mess, |
|||
'code':'65093a0a30492' |
|||
} |
|||
$.ajax({ |
|||
type:'POST', |
|||
url:'/addFormData', |
|||
data: data, |
|||
success:function(res){ |
|||
if(res.code == 0 ){ |
|||
layer.msg(res.msg) |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,98 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/otherService.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/yanjiuyuan/banner2.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">其他服务</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="12" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="main "> |
|||
<div class="container w1280 question"> |
|||
<ul class="left-list"> |
|||
{hcTaglib:subCategory pid="$current_cate['id']" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$key==1?'active':''}"><span>{$vo.title}</span> <i class="layui-icon layui-icon-right"></i></li> |
|||
{/hcTaglib:subCategory} |
|||
</ul> |
|||
<div class="right-question"> |
|||
{hcTaglib:subCategory pid="$current_cate['id']" item="vo" field="id,title" sort="sort asc"} |
|||
<ul class="collapse {$key==1?'active':''}"> |
|||
<h2 class="title">{$vo.title}</h2> |
|||
{hcTaglib:content cid="$vo.id" moduleId="1" item="vv" mainField="id,title,description,content" } |
|||
<li class="collapse-item"> |
|||
<h4 class="collapse-title"> |
|||
<div class="title"> |
|||
<img src="__TMPL__/static/images/online/onlineBlock6Ico.png" alt=""> |
|||
<span>{$vv.title}</span> |
|||
</div> |
|||
<div class="icon"></div> |
|||
</h4> |
|||
<div class="collapse-content"> |
|||
<div class="answer-content"> |
|||
<div class="answer-icon">答</div> |
|||
<div class="answer">{$vv.content|raw}</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
{/hcTaglib:subCategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
|
|||
<script> |
|||
// 左侧切换 |
|||
$('.left-list li').click(function () { |
|||
$(this).siblings().removeClass('active') |
|||
$(this).addClass('active') |
|||
let index = $(this).index() |
|||
$('.collapse').siblings('.collapse').hide() |
|||
$('.collapse').eq(index).show() |
|||
}) |
|||
// 折叠面板 |
|||
$('.collapse .collapse-item .icon').click(function () { |
|||
if ($(this).hasClass('active')) { |
|||
$(this).removeClass('active') |
|||
} else { |
|||
$(this).addClass('active') |
|||
} |
|||
$(this).parents('.collapse-item').children('.collapse-content').slideToggle(300) |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,135 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/rule.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/trade/tradeBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">交易服务</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="9" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="commissionBlock"> |
|||
<div class="w1280 table-content"> |
|||
<div class="tradeTit"> |
|||
<p>{$current_cate['title']}</p> |
|||
<div class="tradeSearch"> |
|||
<input type="text" placeholder="请输入品种名称/交易代码/合约代码"> |
|||
<div class="searchBtn">搜索</div> |
|||
</div> |
|||
</div> |
|||
<table lay-filter="tableFilter" class="layui-table" id="rulesTable"> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer"} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot"} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
var table = layui.table; |
|||
var tableIns = table.render({ |
|||
elem: '#rulesTable' |
|||
, url: '/content/list' |
|||
, where: { category_id: 21, limit: 500, all: 1, sort: 'id asc' } |
|||
, method: 'get' |
|||
, cols: [ |
|||
[ |
|||
{ field: 'category_title', title: '交易所', width: 100, rowspan: "3" } |
|||
, { field: 'title', title: '品种', width: 150, rowspan: "3" } |
|||
, { field: 'sub_title', title: '代码', width: 70, rowspan: "3" } |
|||
, { field: 'description', title: '合约单位(吨/手)', width: 150, rowspan: "3" } |
|||
, { field: 'min_change', title: '最小变动价位(元/吨)', width: 180, rowspan: "3" } |
|||
, { field: 'chg', title: '保证金/涨跌限制(连续三板)', colspan: "6" } |
|||
, { field: 'unit', title: '交割单位/交割越限仓(手)', width: 180, rowspan: "3" } |
|||
, { field: 'limit_price', title: '限价/市价单笔最大下单(手)', width: 240, rowspan: "3" } |
|||
, { field: 'last_date', title: '最后交易日', width: 280, rowspan: "3" }], |
|||
[ |
|||
{ field: 'normal', title: '正常', colspan: "2" } |
|||
, { field: 'first', title: '第一板结算起', colspan: "2" } |
|||
, { field: 'second', title: '第二板结算起', colspan: "2" } |
|||
], |
|||
[ |
|||
{ field: 'chg', title: '涨跌幅', width: 100, } |
|||
, { field: 'margin', title: '保证金(交易所+公司上浮)', width: 220, } |
|||
, { field: 'first_chg', title: '涨跌幅', width: 100, } |
|||
, { field: 'first_margin', title: '保证金', width: 100, } |
|||
, { field: 'second_chg', title: '涨跌幅', width: 100, } |
|||
, { field: 'second_margin', title: '保证金', width: 100, } |
|||
] |
|||
] |
|||
, done: function (res) { |
|||
setTimeout(() => { |
|||
merge(res) |
|||
}, 200); |
|||
} |
|||
}) |
|||
//实现行合并 |
|||
function merge(res) { |
|||
var data = res.data; |
|||
var mergeIndex = 0;//定位需要添加合并属性的行数 |
|||
var mark = 1; //这里涉及到简单的运算，mark是计算每次需要合并的格子数 |
|||
var columsName = ['category_title','limit_price','last_date'];//需要合并的列名称 |
|||
var columsIndex = [0,12,13];//需要合并的列索引值 |
|||
|
|||
for (var k = 0; k < columsName.length; k++) { //这里循环所有要合并的列 |
|||
var trArr = $(".layui-table-body>.layui-table").find("tr");//所有行 |
|||
for (var i = 1; i < res.data.length; i++) { //这里循环表格当前的数据 |
|||
var tdCurArr = trArr.eq(i).find("td").eq(columsIndex[k]);//获取当前行的当前列 |
|||
var tdPreArr = trArr.eq(mergeIndex).find("td").eq(columsIndex[k]);//获取相同列的第一列 |
|||
if (data[i][columsName[k]] === data[i - 1][columsName[k]]) { |
|||
//后一行的值与前一行的值做比较，相同就需要合并 |
|||
mark += 1; |
|||
tdPreArr.each(function () { |
|||
//相同列的第一列增加rowspan属性 |
|||
$(this).attr("rowspan", mark); |
|||
}); |
|||
tdCurArr.each(function () { |
|||
//当前行隐藏 |
|||
$(this).css("display", "none"); |
|||
}); |
|||
} else { |
|||
mergeIndex = i; |
|||
mark = 1; //一旦前后两行的值不一样了，那么需要合并的格子数mark就需要重新计算 |
|||
} |
|||
} |
|||
mergeIndex = 0; |
|||
mark = 1; |
|||
} |
|||
} |
|||
// 页内搜索 |
|||
$('.tradeSearch .searchBtn').click(function () { |
|||
let searchInput = $('.tradeSearch input').val() |
|||
tableIns.reload({ |
|||
where: { category_id: 21, limit: 500, all: 1, sort: 'id asc', title: searchInput } |
|||
}) |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,75 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/xiqian.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/searchBanner.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">搜索结果页</div> |
|||
</div> |
|||
</div> |
|||
<div class="crumb-head"> |
|||
<ul class="w1280"> |
|||
<li><a href="/">首页</a></li> |
|||
<li>></li> |
|||
<li><a href="javascript:void(0);">搜索结果页</a></li> |
|||
</ul> |
|||
</div> |
|||
<div class="education-list"> |
|||
<div class="w1280"> |
|||
{volist name="list" id="vo"} |
|||
<div class="education-box"> |
|||
<div class="text"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="title">{$vo.title}</a> |
|||
<div class="time">{$vo.publish_time|date='Y.m.d'}</div> |
|||
</div> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="more"></a> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
{$list_page|raw} |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
|
|||
const navSwiper = new Swiper('.tabs-head .swiper', { |
|||
slidesPerView: 'auto', |
|||
spaceBetween: 20, |
|||
freeMode: true |
|||
}) |
|||
|
|||
const nav2Swiper = new Swiper('.education-head.swiper', { |
|||
slidesPerView: 'auto', |
|||
freeMode: true, |
|||
spaceBetween: 20 |
|||
}) |
|||
|
|||
if (!isMobile) { |
|||
navSwiper.destroy(false, true) |
|||
nav2Swiper.destroy(false, true) |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,73 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/open_account.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/open_account/reservationBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">开户服务</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="8" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="speedBlock"> |
|||
<div class="w1280"> |
|||
{hcTaglib:contentDetail id="1580" name="item"} |
|||
<div class="left"> |
|||
<img src="{$item.cover.url|default='__TMPL__/static/images/open_account/speedBlockImg.png'}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
<div class="tit">{$item.title}</div> |
|||
<div class="tips">{$item.description}</div> |
|||
<div class="text"> |
|||
<div class="img"><img src="{$item.thumbnail.url|default='__TMPL__/static/images/open_account/speedBlockImg2.png'}" alt=""></div> |
|||
<p>{$item.sub_title}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentDetail} |
|||
</div> |
|||
</div> |
|||
<div class="speedBlock2"> |
|||
<div class="w1280"> |
|||
{hcTaglib:contentList ids="1581,1582,1583,1584,1585,1586,1587,1588" moduleId="1" sort="id asc" name="item" mainField="id,title,sub_title,thumbnail"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$vo.thumbnail.url|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title|raw}</div> |
|||
</div> |
|||
{/hcTaglib:contentList} |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
|
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,135 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/otherService.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/yanjiuyuan/banner2.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">其他服务</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="12" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="main "> |
|||
<div class="container w1280 proposal"> |
|||
{$current_cate['content']|raw} |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script src="__TMPL__/static/js/otherService.js"></script> |
|||
<script src="__TMPL__/static/js/randomCoding.js"></script> |
|||
<script> |
|||
// 表单提交 |
|||
layui.use(function(){ |
|||
var $ = layui.$; |
|||
var form = layui.form; |
|||
var layer = layui.layer; |
|||
form.on('submit(demo-submit)', function(data){ |
|||
// 显示填写结果，仅作演示用 |
|||
let dislike = $('input[name=dislike]').val(); |
|||
let want = $('input[name=want]').val(); |
|||
let use = $('input[name=use]').val(); |
|||
let other = $('input[name=other]').val(); |
|||
if(!dislike && !want && !use && !other){ |
|||
layer.msg('请填写内容') |
|||
return false; |
|||
} |
|||
let formCode = $('#formCode').val() |
|||
if(!formCode){ |
|||
layer.msg('请输入验证码'); |
|||
return false; |
|||
} |
|||
if(formCode.toUpperCase() != randomStr){ |
|||
layer.msg('请输入正确的验证码'); |
|||
$('#formCode').val('') |
|||
randomCoding() |
|||
$('.Verification .codeImg').html('') |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
return false |
|||
} |
|||
let formData = {dislike,want,use,other,'code':'65093cf85a43b'} |
|||
$.ajax({ |
|||
type:'POST', |
|||
url:'/addFormData', |
|||
data: formData, |
|||
success:function(res){ |
|||
if(res.code == 0 ){ |
|||
layer.msg(res.msg) |
|||
$('#myForm')[0].reset(); |
|||
return false; |
|||
} |
|||
} |
|||
}) |
|||
|
|||
return false; // 阻止默认 form 跳转 |
|||
}); |
|||
}) |
|||
|
|||
// 验证码 |
|||
randomCoding() |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
$('.Verification .codeImg').click(function(){ |
|||
randomCoding() |
|||
$('.Verification .codeImg').html('') |
|||
$.each(randomCode,function(i,e){ |
|||
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum; |
|||
$('.codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span') |
|||
}) |
|||
}) |
|||
|
|||
// 左侧切换 |
|||
$('.left-list li').click(function () { |
|||
$(this).siblings().removeClass('active') |
|||
$(this).addClass('active') |
|||
console.log(); |
|||
let title = $(this)[0].innerText |
|||
$('.right-question h2.title')[0].innerText = title |
|||
}) |
|||
// 折叠面板 |
|||
$('.collapse .collapse-item .icon').click(function () { |
|||
if ($(this).hasClass('active')) { |
|||
$(this).removeClass('active') |
|||
} else { |
|||
$(this).addClass('active') |
|||
} |
|||
$(this).parents('.collapse-item').children('.collapse-content').slideToggle(300) |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,60 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/scss/trade.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<!-- banner start --> |
|||
<div class="bannerList"> |
|||
<div class="img"><img src="__TMPL__/static/images/trade/tradeBanner.jpg" alt=""></div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">交易服务</div> |
|||
</div> |
|||
</div> |
|||
<!-- banner end --> |
|||
<div class="pageListNav"> |
|||
<div class="w1280"> |
|||
{hcTaglib:subcategory pid="9" item="vo" field="id,title" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="dateBlock"> |
|||
<div class="w1280"> |
|||
<div class="left"> |
|||
<div class="tit"> |
|||
<img src="__TMPL__/static/images/trade/dateBlockImg.png" alt="">交易及市场日历 |
|||
</div> |
|||
<div class="layui-inline" id="ID-laydate-static-1"></div> |
|||
</div> |
|||
<div class="right"> |
|||
<div class="tradeTit"><p>交易日历</p></div> |
|||
<div class="time"></div> |
|||
<div class="info"> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script src="__TMPL__/static/js/calender.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,149 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/yanjiuyuan.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/yanjiuyuan/banner1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">{$current_cate.title}</div> |
|||
<div class="bannerTips">{$current_cate.description}</div> |
|||
</div> |
|||
</div> |
|||
<div class="container-box"> |
|||
|
|||
<div class="w1280 team"> |
|||
{hcTaglib:category id="75" item="group" } |
|||
<h3 class="title">{$group.title}</h3> |
|||
<p class="desc">{$group.description}</p> |
|||
<p class="desc"> {$group.desc}</p> |
|||
<ul class="team-list"> |
|||
{hcTaglib:subcategory pid="$group.id" field="id,title,thumbnail" sort="sort asc"} |
|||
<li class="team-item"> |
|||
<h6 class="team-title">{$vo.title}</h6> |
|||
<img src="{$vo.thumbnail.url|default='__TMPL__/static/images/yanjiuyuan/team%20(1).jpg'}" alt=""> |
|||
</li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1280 information"> |
|||
<h3 class="title">研究报告</h3> |
|||
<div class="swiper yanjiuSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
<!-- 调用注意，循环swiper-slide，每个slide有单独背景，调用完成删除本行提示 --> |
|||
{hcTaglib:subcategory pid="76" field="id,sub_title,title,thumbnail,description" sort="sort asc"} |
|||
<div class="swiper-slide" style="background: url({$vo.thumbnail.url|default=''}) no-repeat center / cover;"> |
|||
<a href="{:hcUrl('list/index',['id'=>41,'breed'=>'69','type'=>$vo.id])}"> |
|||
<div class="tit">{$vo.sub_title}</div> |
|||
<span></span> |
|||
<p>{$vo.description}</p> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="swiper-pagination"></div> |
|||
</div> |
|||
<div class="yanjiuMob"> |
|||
<!-- 调用注意，循环swiper-slide，每个list有单独背景，调用完成删除本行提示 --> |
|||
{hcTaglib:subcategory pid="76" field="id,sub_title,title,thumbnail,description" sort="sort asc"} |
|||
<a href="{:hcUrl('list/index',['id'=>41,'breed'=>'69','type'=>$vo.id])}" class="list" style="background: url({$vo.thumbnail.url|default=''}) no-repeat center / cover;"> |
|||
<div class="tit">{$vo.sub_title}</div> |
|||
<span></span> |
|||
<p>{$vo.description}</p> |
|||
</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="information-box"> |
|||
<div class="information-title"> |
|||
<div class="left-title"> |
|||
最新报告 |
|||
</div> |
|||
<a class="more-information" href="{:hcUrl('list/index',['id'=>41,'breed'=>'69','type'=>'77'])}"> |
|||
更多资讯 |
|||
<img src="/static/images/indexBlock2Ico.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<div class="layui-tab "> |
|||
<ul class="layui-tab-title"> |
|||
{hcTaglib:subcategory pid="82" field="id,title" sort="sort asc"} |
|||
<li class="{$key==1?'layui-this':''}">{$vo.title}</li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
<div class="layui-tab-content"> |
|||
{hcTaglib:subcategory pid="82" field="id,title,thumbnail" sort="sort asc"} |
|||
<div class="news-box {$key == 1 ? 'active' : ''}"> |
|||
<ul class="news-list"> |
|||
{hcTaglib:content cid="$vo['id']" moduleId="1" limit="6" mainField="id,title,publish_time,thumbnail" item="vv" key="k" name="articleList"} |
|||
{if $k eq 1} |
|||
<li class="first"> |
|||
<img src="{$vo['thumbnail']['url']|default='__TMPL__/static/images/indexBlock3Img.jpg'}" alt=""> |
|||
<div class="right"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" target="_blank" class="title">{$vv.title}</a> |
|||
<span class="date">{$vv.publish_time|date='Y.m.d'}</span> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<li class="news-item"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" target="_blank" class="title"><span>{$vv.title}</span></a> |
|||
<span class="date">{$vv.publish_time|date='Y.m.d'}</span> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<ul class="news-list"> |
|||
{hcTaglib:content cid="$vo['id']" moduleId="1" limit="8" offset="6" mainField="id,title,publish_time,thumbnail" item="vv" key="k" name="articleList"} |
|||
<li class="news-item"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" target="_blank" class="title"><span>{$vv.title}</span></a> |
|||
<span class="date">{$vv.publish_time|date='Y.m.d'}</span> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
$('.layui-tab .layui-tab-title li').click(function () { |
|||
let index = $(this).index() |
|||
$('.layui-tab-content .news-box').siblings().removeClass('active') |
|||
$('.layui-tab-content .news-box').eq(index).addClass('active') |
|||
}) |
|||
// |
|||
var swiper = new Swiper(".yanjiuSwiper", { |
|||
slidesPerView: 'auto', |
|||
spaceBetween: 25, |
|||
pagination: { |
|||
el: ".yanjiuSwiper .swiper-pagination", |
|||
clickable: true, |
|||
}, |
|||
}); |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,130 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/zhibo.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zhibo/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">特色服务</div> |
|||
<div class="bannerTips">海纳并蓄，锐知敦行</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="3" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$current_cate['id']==$vo.id?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="broadcast-review w1280"> |
|||
<div class="broadcast-title"> |
|||
<p>热门回顾</p> |
|||
<a href="{:hcUrl('list/index',['id'=>73])}" class="more">更多</a> |
|||
</div> |
|||
<div class="review-list"> |
|||
{hcTaglib:content cid="73" moduleId="1" limit="5" item="vo" field="id,title,thumbnail" sort="publish_time desc"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank" class="review-box"> |
|||
<img src="{$vo.thumbnail.url}" alt=""/> |
|||
<div class="bottom"> |
|||
<p>{$vo.title}</p> |
|||
<span>{$vo.sub_title}</span> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="forward-review w1280"> |
|||
<div class="broadcast-title"> |
|||
<p>数字期货</p> |
|||
<a href="{:hcUrl('list/index',['id'=>74])}" class="more">更多</a> |
|||
</div> |
|||
<div class="review-list"> |
|||
{hcTaglib:content cid="74" moduleId="1" limit="8" item="vo" field="id,title,thumbnail" sort="publish_time desc"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank" class="review-box"> |
|||
<img src="{$vo.thumbnail.url}" alt=""/> |
|||
<div class="bottom"> |
|||
<p>{$vo.title}</p> |
|||
<span>{$vo.sub_title}</span> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
// banner |
|||
var swiper = new Swiper('.indexBannerSwiper', { |
|||
pagination: { |
|||
el: '.indexBannerSwiper .swiper-pagination' |
|||
} |
|||
}) |
|||
// tab 切换 |
|||
$('.indexBlock2 .w1280 .right .top .tab a').click(function () { |
|||
$(this).addClass('on') |
|||
$('.indexBlock2 .w1280 .right .content .list') |
|||
.eq($(this).inde()) |
|||
.fadeIn() |
|||
}) |
|||
// 日历 |
|||
layui.use(function () { |
|||
var layer = layui.layer |
|||
var laydate = layui.laydate |
|||
laydate.render({ |
|||
elem: '#ID-laydate-static-1', |
|||
position: 'static', |
|||
mark: { |
|||
'2023-9-15': '' |
|||
} |
|||
}) |
|||
}) |
|||
// 服务hover |
|||
$('.indexBlock5 .w1280 .content .list').hover( |
|||
function () { |
|||
$(this).children('.posi').stop().fadeOut() |
|||
$(this).children('.posiOn').stop().fadeIn() |
|||
$(this).children('.posiOn').css('display', 'flex') |
|||
}, |
|||
function () { |
|||
$(this).children('.posi').stop().fadeIn() |
|||
$(this).children('.posiOn').stop().fadeOut() |
|||
} |
|||
) |
|||
// 走进东亚 视频 |
|||
$('.indexBlock6 .w1280 .right .player').click(function () { |
|||
$('.windowVideo').stop().fadeIn() |
|||
setTimeout(function () { |
|||
$('#indexBlock6video')[0].play() |
|||
}, 500) |
|||
}) |
|||
$('.windowVideo .content .close').click(function () { |
|||
$('.windowVideo').stop().fadeOut() |
|||
$('#indexBlock6video')[0].pause() |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,113 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/zhibo.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zhibo/img-1.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">特色服务</div> |
|||
<div class="bannerTips">海纳并蓄，锐知敦行</div> |
|||
</div> |
|||
</div> |
|||
<div class="tabs-head"> |
|||
<div class="w1280"> |
|||
<ul> |
|||
{hcTaglib:subcategory pid="3" item="vo" field="id,title" sort="sort asc"} |
|||
<li class="{$key == 3?'active':''}"><a href="{:hcUrl('list/index',['id'=>$vo.id])}" >{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="forward-review w1280 forward-review-top hot-review"> |
|||
<div class="broadcast-title"> |
|||
<p>{$current_cate['title']}</p> |
|||
</div> |
|||
<div class="review-list"> |
|||
{hcTaglib:contentPage cid="$current_cate.id" moduleId="1" name="articleList" limit="16" item="vo" field="id,title,thumbnail" sort="publish_time desc"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank" class="review-box"> |
|||
<img src="{$vo.thumbnail.url}" alt=""/> |
|||
<div class="bottom"> |
|||
<p>{$vo.title}</p> |
|||
<span>{$vo.sub_title}</span> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{$articleList|raw} |
|||
</div> |
|||
|
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
// banner |
|||
var swiper = new Swiper('.indexBannerSwiper', { |
|||
pagination: { |
|||
el: '.indexBannerSwiper .swiper-pagination' |
|||
} |
|||
}) |
|||
// tab 切换 |
|||
$('.indexBlock2 .w1280 .right .top .tab a').click(function () { |
|||
$(this).addClass('on') |
|||
$('.indexBlock2 .w1280 .right .content .list') |
|||
.eq($(this).inde()) |
|||
.fadeIn() |
|||
}) |
|||
// 日历 |
|||
layui.use(function () { |
|||
var layer = layui.layer |
|||
var laydate = layui.laydate |
|||
laydate.render({ |
|||
elem: '#ID-laydate-static-1', |
|||
position: 'static', |
|||
mark: { |
|||
'2023-9-15': '' |
|||
} |
|||
}) |
|||
}) |
|||
// 服务hover |
|||
$('.indexBlock5 .w1280 .content .list').hover( |
|||
function () { |
|||
$(this).children('.posi').stop().fadeOut() |
|||
$(this).children('.posiOn').stop().fadeIn() |
|||
$(this).children('.posiOn').css('display', 'flex') |
|||
}, |
|||
function () { |
|||
$(this).children('.posi').stop().fadeIn() |
|||
$(this).children('.posiOn').stop().fadeOut() |
|||
} |
|||
) |
|||
// 走进东亚 视频 |
|||
$('.indexBlock6 .w1280 .right .player').click(function () { |
|||
$('.windowVideo').stop().fadeIn() |
|||
setTimeout(function () { |
|||
$('#indexBlock6video')[0].play() |
|||
}, 500) |
|||
}) |
|||
$('.windowVideo .content .close').click(function () { |
|||
$('.windowVideo').stop().fadeOut() |
|||
$('#indexBlock6video')[0].pause() |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,97 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/layui.css" /> |
|||
<!-- 通用 --> |
|||
{include file="common/head" /} |
|||
<!-- 当前 --> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/mixin.css" /> |
|||
<link rel="stylesheet" href="__TMPL__/static/css/contact.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header start --> |
|||
{include file="common/header" /} |
|||
<!-- header end --> |
|||
<div class="bannerList"> |
|||
<div class="img"> |
|||
<img src="__TMPL__/static/images/zoujin/img-2.jpg" alt="" /> |
|||
</div> |
|||
<div class="w1280"> |
|||
<div class="bannerTitle">{$current_cate['title']}</div> |
|||
</div> |
|||
</div> |
|||
<div class="crumb-head border"> |
|||
<ul class="w1280"> |
|||
<li><a href="">首页</a></li> |
|||
{hcTaglib:breadcrumb cid="$current_cate['id']" item="cate"} |
|||
<li>></li> |
|||
<li><a href="{$cate.url}">{$cate.title}</a></li> |
|||
{/hcTaglib:breadcrumb} |
|||
</ul> |
|||
</div> |
|||
<div class="tousu-container w1280 breachBlock"> |
|||
{$hc_content['content']|raw} |
|||
</div> |
|||
<!-- footer start--> |
|||
{include file="common/footer" /} |
|||
<!-- footer end --> |
|||
<!-- 通用 --> |
|||
{include file="common/foot" /} |
|||
<!-- 当前 --> |
|||
<script src="__TMPL__/static/js/layui.js"></script> |
|||
<script> |
|||
// banner |
|||
var swiper = new Swiper('.indexBannerSwiper', { |
|||
pagination: { |
|||
el: '.indexBannerSwiper .swiper-pagination' |
|||
} |
|||
}) |
|||
// tab 切换 |
|||
$('.indexBlock2 .w1280 .right .top .tab a').click(function () { |
|||
$(this).addClass('on') |
|||
$('.indexBlock2 .w1280 .right .content .list') |
|||
.eq($(this).inde()) |
|||
.fadeIn() |
|||
}) |
|||
// 日历 |
|||
layui.use(function () { |
|||
var layer = layui.layer |
|||
var laydate = layui.laydate |
|||
laydate.render({ |
|||
elem: '#ID-laydate-static-1', |
|||
position: 'static', |
|||
mark: { |
|||
'2023-9-15': '' |
|||
} |
|||
}) |
|||
}) |
|||
// 服务hover |
|||
$('.indexBlock5 .w1280 .content .list').hover( |
|||
function () { |
|||
$(this).children('.posi').stop().fadeOut() |
|||
$(this).children('.posiOn').stop().fadeIn() |
|||
$(this).children('.posiOn').css('display', 'flex') |
|||
}, |
|||
function () { |
|||
$(this).children('.posi').stop().fadeIn() |
|||
$(this).children('.posiOn').stop().fadeOut() |
|||
} |
|||
) |
|||
// 走进东亚 视频 |
|||
$('.indexBlock6 .w1280 .right .player').click(function () { |
|||
$('.windowVideo').stop().fadeIn() |
|||
setTimeout(function () { |
|||
$('#indexBlock6video')[0].play() |
|||
}, 500) |
|||
}) |
|||
$('.windowVideo .content .close').click(function () { |
|||
$('.windowVideo').stop().fadeOut() |
|||
$('#indexBlock6video')[0].pause() |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue