49 changed files with 0 additions and 5617 deletions
-
126public/themes/hc_original/dongya-web/a_article_detail.html
-
161public/themes/hc_original/dongya-web/a_article_list.html
-
1public/themes/hc_original/dongya-web/a_contact_us.html
-
1public/themes/hc_original/dongya-web/a_dang_zhuan_lan.html
-
156public/themes/hc_original/dongya-web/a_data_center.html
-
1public/themes/hc_original/dongya-web/a_gotogw.html
-
1public/themes/hc_original/dongya-web/a_kehu_service.html
-
1public/themes/hc_original/dongya-web/a_pre_open_account.html
-
154public/themes/hc_original/dongya-web/a_qihuo.html
-
1public/themes/hc_original/dongya-web/a_qihuo_learn.html
-
111public/themes/hc_original/dongya-web/detail_article.html
-
108public/themes/hc_original/dongya-web/detail_culture.html
-
97public/themes/hc_original/dongya-web/detail_zuzhi.html
-
29public/themes/hc_original/dongya-web/index.html
-
53public/themes/hc_original/dongya-web/list_culture.html
-
107public/themes/hc_original/dongya-web/list_education.html
-
149public/themes/hc_original/dongya-web/list_fanxiqian.html
-
137public/themes/hc_original/dongya-web/list_information.html
-
132public/themes/hc_original/dongya-web/list_news.html
-
91public/themes/hc_original/dongya-web/list_notice.html
-
61public/themes/hc_original/dongya-web/list_shuziqihuo.html
-
7public/themes/hc_original/dongya-web/manifest.json
-
191public/themes/hc_original/dongya-web/single_about.html
-
94public/themes/hc_original/dongya-web/single_ask_about.html
-
140public/themes/hc_original/dongya-web/single_bank_transfer.html
-
447public/themes/hc_original/dongya-web/single_breed.html
-
170public/themes/hc_original/dongya-web/single_characteristic.html
-
178public/themes/hc_original/dongya-web/single_commission.html
-
152public/themes/hc_original/dongya-web/single_contact.html
-
92public/themes/hc_original/dongya-web/single_downapp.html
-
62public/themes/hc_original/dongya-web/single_downinfo.html
-
126public/themes/hc_original/dongya-web/single_downpc.html
-
311public/themes/hc_original/dongya-web/single_founds.html
-
117public/themes/hc_original/dongya-web/single_guide.html
-
125public/themes/hc_original/dongya-web/single_jujianren.html
-
165public/themes/hc_original/dongya-web/single_margin.html
-
109public/themes/hc_original/dongya-web/single_message.html
-
190public/themes/hc_original/dongya-web/single_online.html
-
198public/themes/hc_original/dongya-web/single_open_account.html
-
98public/themes/hc_original/dongya-web/single_other_service.html
-
135public/themes/hc_original/dongya-web/single_rule.html
-
75public/themes/hc_original/dongya-web/single_search.html
-
73public/themes/hc_original/dongya-web/single_speed.html
-
135public/themes/hc_original/dongya-web/single_tousu.html
-
60public/themes/hc_original/dongya-web/single_trade.html
-
149public/themes/hc_original/dongya-web/single_yanjiuyuan.html
-
130public/themes/hc_original/dongya-web/single_zhibo.html
-
113public/themes/hc_original/dongya-web/single_zhibo_list.html
-
97public/themes/hc_original/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}" 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}" alt=""> |
|
||||
{/hcTaglib:category} |
|
||||
<br> |
|
||||
<br> |
|
||||
|
|
||||
左侧分类: ====================== START |
|
||||
{hcTaglib:subcategory pid="$currentCatePid" 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="/">首页</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 +0,0 @@ |
|||||
联系我们-の子页面 |
|
||||
@ -1 +0,0 @@ |
|||||
党建专栏-の子页面 |
|
||||
@ -1,156 +0,0 @@ |
|||||
数据中心-の子页面(/data_center) |
|
||||
|
|
||||
<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> |
|
||||
<img src="{$current_cate.banner.url}" alt=""> |
|
||||
|
|
||||
左侧分类: ====================== START <br> |
|
||||
<!-- {hcTaglib:subcategory pid="$currentCatePid" 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="/">首页</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 +0,0 @@ |
|||||
走进长城-の子页面 |
|
||||
@ -1 +0,0 @@ |
|||||
客户服务-の子页面 |
|
||||
@ -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 +0,0 @@ |
|||||
期货学院-の子页面 |
|
||||
@ -1,111 +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/culture.css" /> |
|
||||
</head> |
|
||||
|
|
||||
<body> |
|
||||
<!-- header start --> |
|
||||
{include file="common/header" /} |
|
||||
<!-- header end --> |
|
||||
<div class="bannerList"> |
|
||||
<div class="img"> |
|
||||
<img src="{$current_cate.thumbnail.url|default='__TMPL__/static/images/touzi/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="culture-bg article-info"> |
|
||||
<div class="culture-detail w1280"> |
|
||||
<div class="title"> |
|
||||
{$hc_content['title']} |
|
||||
</div> |
|
||||
<div class="tools"> |
|
||||
<div class="text">发布时间：{$hc_content['publish_time']|date='Y.m.d'}</div> |
|
||||
<div class="text">来源：{$hc_content['author']}</div> |
|
||||
<div class="text">浏览：{$hc_content['hits']}</div> |
|
||||
<div class="share"> |
|
||||
<p>分享：</p> |
|
||||
<div class="wechat"> |
|
||||
<img src="__TMPL__/static/images/dangjian/weixin.png" /> |
|
||||
<div class="posiCode" id="qrcode"></div> |
|
||||
</div> |
|
||||
<div class="toutiao"> |
|
||||
<img src="__TMPL__/static/images/dangjian/toutiao.png" /> |
|
||||
<div class="posiCode" id="qrcode2"></div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="content"> |
|
||||
{$hc_content['content']|raw} |
|
||||
</div> |
|
||||
<div class="moreFile"> |
|
||||
{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> |
|
||||
{/volist} |
|
||||
<!-- <a href="" target="_blank" download="文件名称"><img src="__TMPL__/static/images/download/pdfico.png" alt=""><span>文件名称</span></a> --> |
|
||||
</div> |
|
||||
<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> |
|
||||
</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/qrcode.js"></script> |
|
||||
<script> |
|
||||
var qrcode = new QRCode(document.getElementById("qrcode"), { |
|
||||
width: 128, |
|
||||
height: 128, |
|
||||
colorDark : "#000000", |
|
||||
colorLight : "#ffffff", |
|
||||
}); |
|
||||
var qrcode2 = new QRCode(document.getElementById("qrcode2"), { |
|
||||
width: 128, |
|
||||
height: 128, |
|
||||
colorDark : "#000000", |
|
||||
colorLight : "#ffffff", |
|
||||
}); |
|
||||
let codeUrl = window.location.href |
|
||||
qrcode.makeCode(codeUrl); // 生成另外一个二维码 |
|
||||
qrcode2.makeCode(codeUrl); // 生成另外一个二维码 |
|
||||
// |
|
||||
$('.culture-detail .tools .share > div img').hover(function(){ |
|
||||
$(this).siblings('.posiCode').stop().fadeIn() |
|
||||
},function(){ |
|
||||
$(this).siblings('.posiCode').stop().fadeOut() |
|
||||
}) |
|
||||
</script> |
|
||||
</body> |
|
||||
</html> |
|
||||
@ -1,108 +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-3.jpg" alt="" /> |
|
||||
</div> |
|
||||
<div class="w1280"> |
|
||||
<div class="bannerTitle">党建文化</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="culture-bg"> |
|
||||
<div class="culture-detail w1280"> |
|
||||
<div class="title"> |
|
||||
{$hc_content['title']} |
|
||||
</div> |
|
||||
<div class="tools"> |
|
||||
<div class="text">发布时间：{$hc_content['publish_time']|date='Y.m.d'}</div> |
|
||||
<div class="text">来源：{$hc_content['author']}</div> |
|
||||
<div class="text">浏览：{$hc_content['hits']}</div> |
|
||||
<div class="share"> |
|
||||
<p>分享：</p> |
|
||||
<div class="wechat"> |
|
||||
<img src="__TMPL__/static/images/dangjian/weixin.png" /> |
|
||||
<div class="posiCode" id="qrcode"></div> |
|
||||
</div> |
|
||||
<div class="toutiao"> |
|
||||
<img src="__TMPL__/static/images/dangjian/toutiao.png" /> |
|
||||
<div class="posiCode" id="qrcode2"></div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="content"> |
|
||||
{$hc_content['content']|raw} |
|
||||
</div> |
|
||||
<div class="page-detail"> |
|
||||
<div class="page"> |
|
||||
<p>下一篇：</p> |
|
||||
{hcTaglib:preContent preName='' /} |
|
||||
</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"> |
|
||||
<p>下一篇：</p> |
|
||||
{hcTaglib:nextContent nextName='' /} |
|
||||
</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/qrcode.js"></script> |
|
||||
<script> |
|
||||
var qrcode = new QRCode(document.getElementById("qrcode"), { |
|
||||
width: 128, |
|
||||
height: 128, |
|
||||
colorDark : "#000000", |
|
||||
colorLight : "#ffffff", |
|
||||
}); |
|
||||
var qrcode2 = new QRCode(document.getElementById("qrcode2"), { |
|
||||
width: 128, |
|
||||
height: 128, |
|
||||
colorDark : "#000000", |
|
||||
colorLight : "#ffffff", |
|
||||
}); |
|
||||
let codeUrl = window.location.href |
|
||||
qrcode.makeCode(codeUrl); // 生成另外一个二维码 |
|
||||
qrcode2.makeCode(codeUrl); // 生成另外一个二维码 |
|
||||
// |
|
||||
$('.culture-detail .tools .share > div img').hover(function(){ |
|
||||
$(this).siblings('.posiCode').stop().fadeIn() |
|
||||
},function(){ |
|
||||
$(this).siblings('.posiCode').stop().fadeOut() |
|
||||
}) |
|
||||
</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> |
|
||||
@ -1,29 +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/index.css"> |
|
||||
</head> |
|
||||
|
|
||||
<body> |
|
||||
{include file="common/header" /} |
|
||||
<br> |
|
||||
<br> |
|
||||
中间内容.... |
|
||||
<br> |
|
||||
<br> |
|
||||
{include file="common/footer" /} |
|
||||
|
|
||||
{php} |
|
||||
var_dump(123123);exit; |
|
||||
{/php} |
|
||||
|
|
||||
</body> |
|
||||
|
|
||||
</html> |
|
||||
@ -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,7 +0,0 @@ |
|||||
{ |
|
||||
"name": "dongya-web", |
|
||||
"author": "Zhco", |
|
||||
"version": "1.0.0", |
|
||||
"lang": "zh-cn", |
|
||||
"description": "期货网站" |
|
||||
} |
|
||||
@ -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