Skip to content

B
buildbank-replica
Commit 3d1ea3cc authored by 秦垚玲's avatar 秦垚玲
Browse files
Options

项目基础

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1077 additions and 0 deletions
22.html 0 → 100644
View file @ 3d1ea3cc
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>交易明细结果页底部</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Microsoft Yahei", sans-serif;
font-size: 14px;
}
body {
background-color: #ffffff;
padding: 0;
}
/* 工具栏/统计栏 */
.toolbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background: #f8faf5;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.toolbar-left {
display: flex;
align-items: center;
gap: 20px;
}
.toolbar-right {
display: flex;
align-items: center;
gap: 20px;
}
.toolbar a {
color: #1890ff;
text-decoration: none;
display: flex;
align-items: center;
gap: 4px;
font-size: 16px;
}
.pagination {
display: flex;
align-items: center;
gap: 10px;
}
.pagination input {
width: 40px;
text-align: center;
border: 1px solid #d9d9d9;
padding: 2px;
}
/* 底部按钮组 */
.bottom-btn-group {
display: flex;
justify-content: center;
gap: 30px;
margin: 30px 0;
}
.bottom-btn-group button {
background-color: #1890ff;
color: #fff;
border: none;
padding: 15px 40px;
border-radius: 4px;
cursor: pointer;
font-size: 18px;
}
/* 温馨提示 */
.tips-section {
background-color: #f5faff;
padding: 20px;
border: 1px solid #e8e8e8;
}
.tips-title {
color: #ff4d4f;
font-weight: bold;
margin-bottom: 10px;
font-size: 18px;
}
.tips-section p {
line-height: 1.8;
color: #333;
font-size: 16px;
}
</style>
</head>
<body>
<!-- 工具栏/统计栏 -->
<div class="toolbar">
<div class="toolbar-left">
<label><input type="checkbox"> 全选</label>
<span>本次查询时间:20250901-20260428</span>
</div>
<div class="toolbar-right">
<a href="#"><span>↓</span> 下载当前页</a>
<a href="#"><span>↓</span> 下载全部</a>
</div>
</div>
<!-- 交易统计+分页栏 -->
<div class="toolbar" style="border-top:none;">
<div class="toolbar-left">
<span>转出交易：25笔 &nbsp;&nbsp; 金额：4,325,108.26元；</span>
<span>转入交易：5笔 &nbsp;&nbsp; 金额：5,100,450.88元；</span>
<span style="color:#1890ff; font-size:18px;">?</span>
</div>
<div class="pagination">
<a href="#" style="color:#1890ff; text-decoration:none; font-size:16px;">首页</a>
<a href="#" style="color:#1890ff; text-decoration:none; font-size:16px;">&lt;上一页</a>
<span style="border:1px solid #ddd; padding:4px 10px; background:#fff;">1</span>
<a href="#" style="color:#1890ff; text-decoration:none; font-size:16px;">下一页&gt;</a>
<span>共1页</span>
<span>到第 <input type="text"> 页</span>
<a href="#" style="color:#1890ff; text-decoration:none; font-size:16px;">转至</a>
</div>
</div>
<!-- 底部按钮组 -->
<div class="bottom-btn-group">
<button>电子回执打印/预览</button>
<button>返回</button>
</div>
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-title">温馨提示</div>
<p>下载其他格式功能提供使用至2015年12月31日截止。</p>
</div>
</body>
</html>
\ No newline at end of file
NCCB/NECV6B2BMainPlat_09_FW.html 0 → 100644
View file @ 3d1ea3cc
This source diff could not be displayed because it is too large. You can view the blob instead.
account.html 0 → 100644
View file @ 3d1ea3cc
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>账户信息查询 - 活期账户</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Microsoft Yahei", sans-serif;
font-size: 14px;
}
body {
background-color: #ffffff;
padding: 0;
}
/* 顶部导航栏 */
.top-nav {
background-color: #ffffff;
border-bottom: 2px solid #1890ff;
display: flex;
align-items: center;
padding: 10px 20px;
gap: 40px;
}
.top-nav a {
color: #1890ff;
text-decoration: none;
font-size: 16px;
}
/* 面包屑 */
.breadcrumb {
background-color: #f5f7fa;
padding: 15px 20px;
color: #666;
margin: 10px 20px;
}
/* 筛选与工具栏 */
.toolbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
}
.toolbar .left {
display: flex;
align-items: center;
gap: 5px;
}
.toolbar .right {
display: flex;
align-items: center;
gap: 20px;
}
.toolbar a {
color: #1890ff;
text-decoration: none;
display: flex;
align-items: center;
gap: 4px;
}
/* 表格样式 */
table {
width: calc(100% - 40px);
margin: 0 20px;
border-collapse: collapse;
border: 1px solid #e8e8e8;
}
th {
background-color: #e6f4ff;
color: #1890ff;
padding: 10px;
text-align: left;
border: 1px solid #e8e8e8;
font-weight: normal;
}
td {
padding: 10px;
border: 1px solid #e8e8e8;
}
.table-action-bar {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
padding: 10px 20px;
background-color: #f6fbf4;
border: 1px solid #e8e8e8;
border-top: none;
margin: 0 20px;
}
.table-action-bar a {
color: #1890ff;
text-decoration: none;
display: flex;
align-items: center;
gap: 4px;
}
/* 分页 */
.pagination {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
padding: 10px 20px;
background-color: #f6fbf4;
border: 1px solid #e8e8e8;
border-top: none;
margin: 0 20px;
}
.pagination a {
color: #1890ff;
text-decoration: none;
}
.pagination input {
width: 30px;
text-align: center;
border: 1px solid #d9d9d9;
padding: 2px;
}
/* 功能按钮组 */
.btn-group {
display: flex;
justify-content: center;
gap: 20px;
margin: 30px 0;
}
.btn-group button {
background-color: #1890ff;
color: #fff;
border: none;
padding: 10px 30px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
}
/* 温馨提示 */
.tips-section {
background-color: #f0f7ff;
padding: 20px;
margin: 0 20px;
border: 1px solid #e8e8e8;
}
.tips-title {
color: #ff4d4f;
font-weight: bold;
margin-bottom: 10px;
font-size: 16px;
}
.tips-section p {
line-height: 1.8;
color: #333;
}
.tips-section a {
color: #1890ff;
}
</style>
</head>
<body>
<!-- 顶部导航栏 -->
<!-- <div class="top-nav">
<a href="#">账户信息查询 ∨</a>
<a href="#">批量账户查询</a>
<a href="#">电子回单查询</a>
<a href="#">集成资讯 ∨</a>
<a href="#">电子对账 ∨</a>
<a href="#">经营分析</a>
<a href="#">操作指南</a>
<a href="#">明细清单</a>
</div> -->
<!-- 面包屑导航 -->
<div class="breadcrumb">
当前位置：账户查询 > 账户信息查询 > 活期账户
</div>
<!-- 工具栏 -->
<div class="toolbar">
<div class="left">
<input type="checkbox">
<span>筛选</span>
</div>
<div class="right">
<a href="#"><span>↓</span> 下载当前页</a>
<a href="#"><span>↓</span> 下载全部</a>
<a href="#"><span>🖨️</span> 打印</a>
</div>
</div>
<!-- 账户列表表格 -->
<table>
<thead>
<tr>
<th><input type="checkbox"> 全选</th>
<th>账号 ↕</th>
<th>账户名称 ↕</th>
<th>币种 ↕</th>
<th>行列 ↕</th>
<th>账面余额 ↕</th>
<th>可用余额 ↕</th>
<th>签约类型 ↕</th>
<th>钞汇鉴别 ↕</th>
<th>账户别名 ↕</th>
<th>开户机构 ↕</th>
<th>>></th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td><a href="#" style="color: blue;">42050123704500001941</a></td>
<td>中科软盈（武汉）科技有限公司</td>
<td>人民币元</td>
<td>中国建设银行</td>
<td><a href="#" style="color: blue;">点击查询</a></td>
<td></td>
<td>签约</td>
<td>钞</td>
<td>-</td>
<td>中国建设银行股份有限公司武汉南湖大道支行</td>
<td></td>
</tr>
</tbody>
</table>
<!-- 表格下方的工具栏 -->
<div class="table-action-bar">
<a href="#"><span>↓</span> 下载当前页</a>
<a href="#"><span>↓</span> 下载全部</a>
<a href="#"><span>🖨️</span> 打印</a>
</div>
<!-- 分页 -->
<div class="pagination">
<a href="#">首页</a>
<a href="#"><上一页</a>
<span style="border: 1px solid #d9d9d9; padding: 2px 8px; background: #fff;">1</span>
<a href="#">下一页></a>
<span>共1页</span>
<span>到第 <input type="text"> 页</span>
<a href="#">转至</a>
</div>
<!-- 功能按钮组 -->
<div class="btn-group">
<button onclick="onAccount(1)">
账户信息
</button>
<button onclick="onAccount(2)">实时余额</button>
<button onclick="onAccount(3)">交易明细</button>
<button onclick="onAccount(4)">历史余额</button>
</div>
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-title">温馨提示</div>
<p>1. 账户信息查询最多支持5个账户。</p>
<p>2. 实时余额查询支持同时50个账户。</p>
<p>3. 历史余额、明细查询支持5个以内账户同时查询并实时返回查询结果，5个以上将通过批量方式查询下载。</p>
<p>4. 本日首次登录时，历史余额栏位为系统自动于本日零点查询的账户余额；本日非首次查询余额，历史余额显示上次查询的余额信息。</p>
<p>5. 若您的签约/授权账户变动未及时体现在账户列表中，请点击此处<a href="#">刷新</a>。</p>
</div>
</body>
</html>
<script>
function onAccount(number){
if(number == 3){
window.location.href = './account_detail.html'
}
}
</script>
account_detail.html 0 → 100644
View file @ 3d1ea3cc
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>交易明细查询</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Microsoft Yahei", sans-serif;
font-size: 14px;
}
body {
background-color: #ffffff;
padding: 0;
}
/* 顶部导航栏 */
.top-nav {
background-color: #ffffff;
border-bottom: 2px solid #1890ff;
display: flex;
align-items: center;
padding: 10px 20px;
gap: 40px;
}
.top-nav a {
color: #1890ff;
text-decoration: none;
font-size: 16px;
}
/* 面包屑 */
.breadcrumb {
background-color: #f5f7fa;
padding: 15px 20px;
color: #666;
margin: 10px 0;
}
/* 查询表单 */
.form-container {
padding: 20px;
}
.form-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
.form-row {
display: flex;
align-items: center;
margin-bottom: 15px;
gap: 10px;
}
.form-label {
width: 120px;
text-align: right;
color: #333;
}
.form-label .required {
color: #ff4d4f;
margin-right: 4px;
}
.form-input,
.form-select {
padding: 5px 8px;
border: 1px solid #d9d9d9;
border-radius: 2px;
}
.form-input.small {
width: 120px;
}
.form-input.wide {
width: 240px;
}
.radio-group {
display: flex;
gap: 30px;
}
.form-tip {
color: #1890ff;
margin-left: 8px;
}
.form-question {
color: #1890ff;
cursor: pointer;
margin-left: 8px;
}
/* 按钮组 */
.btn-group {
display: flex;
justify-content: center;
gap: 20px;
margin: 30px 0;
}
.btn-group button {
background-color: #1890ff;
color: #fff;
border: none;
padding: 10px 30px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
}
/* 温馨提示 */
.tips-section {
background-color: #f0f7ff;
padding: 20px;
border: 1px solid #e8e8e8;
}
.tips-title {
color: #ff4d4f;
font-weight: bold;
margin-bottom: 10px;
font-size: 16px;
}
.tips-section p {
line-height: 1.8;
color: #333;
}
</style>
</head>
<body>
<!-- 顶部导航栏 -->
<!-- <div class="top-nav">
<a href="#">账户信息查询 ∨</a>
<a href="#">批量账户查询</a>
<a href="#">电子回单查询</a>
<a href="#">集成资讯 ∨</a>
<a href="#">电子对账 ∨</a>
<a href="#">经营分析</a>
<a href="#">操作指南</a>
<a href="#">明细清单</a>
</div> -->
<!-- 面包屑导航 -->
<div class="breadcrumb">
当前位置：账户查询 > 账户信息查询 > 活期账户
</div>
<!-- 查询表单 -->
<div class="form-container">
<div class="form-title">交易明细查询</div>
<div class="form-row">
<label class="form-label"><span class="required">*</span>查询类型：</label>
<select class="form-select">
<option>明细</option>
</select>
</div>
<div class="form-row">
<label class="form-label"><span class="required">*</span>起止日期：</label>
<input type="text" class="form-input small" value="20260428">
<span>🗓️</span>
<span>-</span>
<input type="text" class="form-input small" value="20260428">
<span>🗓️</span>
<div class="radio-group">
<label><input type="radio" name="dateRange"> 最近7天</label>
<label><input type="radio" name="dateRange"> 最近14天</label>
<label><input type="radio" name="dateRange"> 最近30天</label>
</div>
<span class="form-question">❓</span>
</div>
<div class="form-row">
<label class="form-label">交易金额：</label>
<input type="text" class="form-input small">
<span>-</span>
<input type="text" class="form-input small">
</div>
<div class="form-row">
<label class="form-label">交易方向：</label>
<div class="radio-group">
<label><input type="radio" name="direction" checked> 全部</label>
<label><input type="radio" name="direction"> 转入</label>
<label><input type="radio" name="direction"> 转出</label>
</div>
</div>
<div class="form-row">
<label class="form-label">冲正交易：</label>
<div class="radio-group">
<label><input type="radio" name="reversal" checked> 显示</label>
<label><input type="radio" name="reversal"> 不显示</label>
</div>
<span class="form-question">❓</span>
</div>
<div class="form-row">
<label class="form-label">对方户名：</label>
<input type="text" class="form-input wide">
<span class="form-tip">录入生僻字</span>
</div>
<div class="form-row">
<label class="form-label">对方账号：</label>
<input type="text" class="form-input wide">
</div>
<div class="form-row">
<label class="form-label">交易备注：</label>
<input type="text" class="form-input wide">
<span class="form-tip">录入生僻字</span>
</div>
<div class="form-row">
<label class="form-label">交易摘要：</label>
<select class="form-select" style="width: 200px;">
<option>请选择</option>
</select>
</div>
<div class="form-row">
<label class="form-label">起止明细编号：</label>
<input type="text" class="form-input small">
<span>-</span>
<input type="text" class="form-input small">
<span class="form-question">❓</span>
</div>
<!-- 按钮组 -->
<div class="btn-group">
<button onclick="onAccount(1)">确定</button>
<button onclick="onAccount(2)">返回</button>
<button onclick="onAccount(3)">查询长期</button>
</div>
</div>
<!-- 温馨提示 -->
<div class="tips-section">
<div class="tips-title">温馨提示</div>
<p>1、签约汇总记账账户仅提供历史明细查询。</p>
<p>2、当前交易明细查询页面仅支持查询最近一年半的账户明细，“查询长期”支持查询最近十年的账户明细，如需查询十年前的账户明细请联系您的开户行。</p>
</div>
</body>
</html>
<script>
function onAccount(number){
if(number == 2){
window.history.back();
}
if(number == 3){
window.location.href = './account_list.html'
}
}
</script>
\ No newline at end of file
account_list.html 0 → 100644
View file @ 3d1ea3cc
This diff is collapsed.
css/animate.css 0 → 100644
View file @ 3d1ea3cc
This diff is collapsed.
css/bootstrap-v4.3.1.min.css 0 → 100644
View file @ 3d1ea3cc
This source diff could not be displayed because it is too large. You can view the blob instead.
css/swiper.min.css 0 → 100644
View file @ 3d1ea3cc
This diff is collapsed.
fonts/fontawesome-webfont.svg 0 → 100644
View file @ 3d1ea3cc
This source diff could not be displayed because it is too large. You can view the blob instead.
fonts/iconfont.svg 0 → 100644
View file @ 3d1ea3cc
This source diff could not be displayed because it is too large. You can view the blob instead.
home.html 0 → 100644
View file @ 3d1ea3cc
This diff is collapsed.
index.html 0 → 100644
View file @ 3d1ea3cc
This source diff could not be displayed because it is too large. You can view the blob instead.
js/aos.js 0 → 100644
View file @ 3d1ea3cc
This diff is collapsed.
js/bootstrap-hover-dropdown.min.js 0 → 100644
View file @ 3d1ea3cc
/**
* @preserve
* Project: Bootstrap Hover Dropdown
* Author: Cameron Spear
* Version: v2.2.1
* Contributors: Mattia Larentis
* Dependencies: Bootstrap's Dropdown plugin, jQuery
* Description: A simple plugin to enable Bootstrap dropdowns to active on hover and provide a nice user experience.
* License: MIT
* Homepage: http://cameronspear.com/blog/bootstrap-dropdown-on-hover-plugin/
*/
!function(e,n){var o=e();e.fn.dropdownHover=function(t){return"ontouchstart"in document?this:(o=o.add(this.parent()),this.each(function(){function r(){d.parents(".navbar").find(".navbar-toggle").is(":visible")||(n.clearTimeout(a),n.clearTimeout(i),i=n.setTimeout(function(){o.find(":focus").blur(),v.instantlyCloseOthers===!0&&o.removeClass("open"),n.clearTimeout(i),d.attr("aria-expanded","true"),s.addClass("open"),d.trigger(h)},v.hoverDelay))}var a,i,d=e(this),s=d.parent(),u={delay:500,hoverDelay:0,instantlyCloseOthers:!0},l={delay:e(this).data("delay"),hoverDelay:e(this).data("hover-delay"),instantlyCloseOthers:e(this).data("close-others")},h="show.bs.dropdown",c="hide.bs.dropdown",v=e.extend(!0,{},u,t,l);s.hover(function(e){return s.hasClass("open")||d.is(e.target)?void r(e):!0},function(){n.clearTimeout(i),a=n.setTimeout(function(){d.attr("aria-expanded","false"),s.removeClass("open"),d.trigger(c)},v.delay)}),d.hover(function(e){return s.hasClass("open")||s.is(e.target)?void r(e):!0}),s.find(".dropdown-submenu").each(function(){var o,t=e(this);t.hover(function(){n.clearTimeout(o),t.children(".dropdown-menu").show(),t.siblings().children(".dropdown-menu").hide()},function(){var e=t.children(".dropdown-menu");o=n.setTimeout(function(){e.hide()},v.delay)})})}))},e(document).ready(function(){e('[data-hover="dropdown"]').dropdownHover()})}(jQuery,window);
\ No newline at end of file
js/bootstrap-v4.3.1.min.js 0 → 100644
View file @ 3d1ea3cc
This diff is collapsed.
js/countnumber.js 0 → 100644
View file @ 3d1ea3cc
This diff is collapsed.
js/countup.js 0 → 100644
View file @ 3d1ea3cc
$.fn.countTo = function(a) {
a = a || {};
return $(this).each(function() {
var c = $.extend({},
$.fn.countTo.defaults, {
from: $(this).data("from"),
// to: $(this).data("to"),
to: $(this).html(),
// speed: $(this).data("speed"),
speed: 1200,
refreshInterval: $(this).data("refresh-interval"),
decimals: $(this).data("decimals")
},
a);
var h = Math.ceil(c.speed / c.refreshInterval),
i = (c.to - c.from) / h;
var j = this,
f = $(this),
e = 0,
g = c.from,
d = f.data("countTo") || {};
f.data("countTo", d);
if (d.interval) {
clearInterval(d.interval)
}
d.interval = setInterval(k, c.refreshInterval);
b(g);
function k() {
g += i;
e++;
b(g);
if (typeof(c.onUpdate) == "function") {
c.onUpdate.call(j, g)
}
if (e >= h) {
f.removeData("countTo");
clearInterval(d.interval);
g = c.to;
if (typeof(c.onComplete) == "function") {
c.onComplete.call(j, g)
}
}
}
function b(m) {
var l = c.formatter.call(j, m, c);
f.html(l)
}
})
};
$.fn.countTo.defaults = {
from: 0,
to: 0,
speed: 1000,
refreshInterval: 50,
decimals: 0,
formatter: formatter,
onUpdate: null,
onComplete: null
};
function formatter(b, a) {
return b.toFixed(0)
}
$(".counter").data("countToOptions", {
formatter: function(b, a) {
// return b.toFixed(0).replace(/\B(?=(?:\d{3})+(?!\d))/g, ",")
return b.toFixed(0)
}
});
$(".counter").each(count);
function count(a) {
var b = $(this);
a = $.extend({},
a || {},
b.data("countToOptions") || {});
b.countTo(a)
};
\ No newline at end of file
js/jquery-1.11.3.min.js 0 → 100644
View file @ 3d1ea3cc
This diff is collapsed.
js/js.js 0 → 100644
View file @ 3d1ea3cc
$(function() {
// // 导航头部固定
// var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
// if(scrollTop > 0){
// $(".jzk_nav_box").addClass("current2");
// }else{
// $(".jzk_nav_box").removeClass("current2");
// }
// $(document).scroll(function(){
// var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
// if(scrollTop > 0){
// $(".jzk_nav_box").addClass("current2");
// }else{
// $(".jzk_nav_box").removeClass("current2");
// }
// })
//切换
$.extend({
"swiperOption": function(f1, f2, f3, f4) {
new Swiper(f1, {
slidesPerView: 'auto',
autoplay: true,
loop: 1,
navigation: {
nextEl: f2,
prevEl: f3,
},
pagination: {
el: f4,
clickable: true,
}
});
},
});
$(".swiper_box").each(function(index) {
$.swiperOption($(this), $(this).find(".swiper-button-next"), $(this).find(".swiper-button-prev"),
$(this).find(".swiper-pagination"));
});
$(".swiper_box2").each(function(index) {
$.swiperOption($(this), $(".fu_pro_212_nav .swiper-button-next"), $(".fu_pro_212_nav .swiper-button-prev"),
$(this).find(".swiper-pagination"));
});
// $(".jzk_banner").each(function(index) {
// $.swiperOption($(this), $(this).find(".swiper-button-next"), $(this).find(".swiper-button-prev"), $(this).find(
// ".swiper-pagination"));
// });
$(".swiper_box3").each(function(index) {
$.swiperOption($(this), $(".k_index5 .swiper-button-next"), $(".k_index5 .swiper-button-prev"),
$(".swiper_box3").find(".swiper-pagination"));
});
//切换
$(".jzk_tab li").on("click", function() {
$(this).addClass('jzk_active').siblings().removeClass('jzk_active');
$(this).parents('.layui-container').find(".jzk_tab_box ul").eq($(this).index()).addClass(
'layui-anim layui-anim-scale jzk_active').siblings().addClass('jzk_none').removeClass('jzk_active');
});
//banner漂浮导航
if ($('.jzk_banner').length) {
jzk_banner_h = $('.jzk_banner').height();
$('.jzk_banner_nav01').show().css({
'height': jzk_banner_h,
'bottom': -jzk_banner_h
});
$('.jzk_banner_nav01 ul ul').css({
'height': jzk_banner_h
});
$('.jzk_banner_nav01 li').hover(function() {
$(this).toggleClass('hover').find('ul').stop(0, 0).toggle();
});
}
//产品详情
if ($('.jzk_product_show1').length) {
$(".jzk_product_showtag a").on("click", function() {
$(this).addClass('jzk_hover').siblings().removeClass('jzk_hover');
$('.jzk_product_showb .jzk_b').hide();
$('.jzk_product_showb .jzk_b').eq($(this).index()).show();
});
}
//产品导航
if ($('.jzk_product_sub').length) {
$('.jzk_product_sub li').has('ul').hover(function() {
$(this).find('ul').stop(0, 0).toggle();
});
}
// 返回顶部
// if ($('.jzk_scroll_top').length) {
// $(window).scroll(function() {
// if ($(this).scrollTop() > $(this).height()) {
// $(".jzk_scroll_top").show();
// } else {
// $(".jzk_scroll_top").hide();
// }
// });
// $(".jzk_scroll_top").click(
// function(){$('html,body').animate({scrollTop:'0px'},'slow');
// })
// }
$(".k_footr2").click(
function(){$('html,body').animate({scrollTop:'0px'},'slow');
})
/*响应式表格*/
if ($('table').length) {
$('table').wrap("<div class='price-table2'></div>");
}
/*用户头部*/
if ($('.jzk_user_banner .jzk_box .jzk_r .jzk_r2').length) {
$('.jzk_user_banner .jzk_box .jzk_r .jzk_r2').hover(function(){
$(this).find('ul').toggle();
});
}
//产品栏目左右等高
function allh(t) {
var height = 0;
t.each(function(i) {
if (height < t.eq(i).height()) {
height = t.eq(i).height();
}
});
return height;
}
function allh2(t) {
var height = 0;
t.each(function(i) {
if (height < t.eq(i).find('.jzk_item').height()) {
height = t.eq(i).find('.jzk_item').height();
}
});
t.find('.jzk_item').height(height);
}
allh2($('.jzk_index2 .jzk_son_4>div'));
$(window).resize(function() {
$('.jzk_index2 .jzk_son_4>div .jzk_item').removeAttr('style');
allh2($('.jzk_index2 .jzk_son_4>div'));
});
//锚点跳转滑动效果
$('a[href*=#],area[href*=#]').click(function() {
console.log(this.pathname)
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
if ($target.length) {
var targetOffset = $target.offset().top-50;
$('html,body').animate({
scrollTop: targetOffset
},
400);
return false;
}
}
});
//锚点跳转滑动效果
});
//页面层-图片
layui.use('layer', function(){
var layer = layui.layer;
$(".k_footr3,.k_index4 a").click(function(){
// layer.open({
// type: 1,
// title: false,
// closeBtn: 1,
// area: ['auto'],
// shade: 0.8,
// skin: 'layui-layer-nobg', //没有背景色
// shadeClose: true,
// content: $('.popup')
// });
$('.nb-icon-wrap').click();
});
// $(".jzk_banner .k_2").mouseover(function(){
$(".jzk_banner .k_2").click(function(){
// layer.open({
// type: 1,
// title: false,
// closeBtn: 1,
// area: ['auto'],
// shade: 0.8,
// skin: 'layui-layer-nobg', //没有背景色
// shadeClose: 0,
// content: $('.popup')
// });
$('.nb-icon-wrap').click();
});
$(".cnzlist_an2").click(function(){
layer.open({
type: 1,
title: false,
closeBtn: 1,
area: ['auto'],
shade: 0.8,
skin: 'layui-layer-nobg', //没有背景色
shadeClose: 0,
content: $('.popup')
});
});
$(".jxv3,.cnzlist_an").click(function(){
// layer.open({
// type: 1,
// title: false,
// closeBtn: 1,
// area: ['auto'],
// shade: 0.8,
// skin: 'layui-layer-nobg', //没有背景色
// shadeClose: 0,
// content: $('.popup')
// });
$('.nb-icon-wrap').click();
});
});
//滚动元素动画
AOS.init({
offset: 200,
duration: 600,
easing: 'ease-in-sine',
delay: 100,
once:true,
});
$(window).load(function(){
//导航
$(window).resize(function() {
$(".jzk_toggle_01").parent().removeClass('jzk_open');
$(".jzk_nav_01 li a").css({'margin-left':0});
if ($(window).width() > 767) {
$(".jzk_nav_01").show();
}
});
$(".jzk_nav_01").height('auto');
$(".jzk_toggle_01").parent().removeClass('jzk_open');
$(".jzk_nav_01 li a").removeAttr('style');
$(".jzk_nav_01 li").has('ul').children('a').each(function(i) {
href = $(this).attr('whref');
$(this).attr({
'href': href
});
});
$(".jzk_nav_01 ul ul").hide();
$(".jzk_nav_01 li").has('ul').hover(function() {
if ($(window).width() > 767) {
$(this).children('a').attr({
'href': $(this).children('a').attr('whref')
});
$(this).css({
'overflow': 'inherit'
});
$(this).toggleClass('hover').children('ul').stop(0, 0).slideToggle('fast');
}else{
$(".jzk_sub li").has('ul').children('a').each(function(i) {
href = $(this).attr('href');
$(this).attr({
'whref': href
});
$(this).attr({
'href': 'javascript:;'
});
});
}
});
$(".jzk_toggle_01").on('click', function() {
if ($(window).width() < 767) {
$(".jzk_nav_01 li").has('ul').children('a').each(function(i) {
href = $(this).attr('href');
$(this).attr({
'whref': href
});
$(this).attr({
'href': 'javascript:;'
});
});
}
jzknav = $('.jzk_nav_01');
$(this).parent().toggleClass('jzk_open');
jzknav.find('.jzk_nav_01 ul ul').stop(0, 0).slideUp('fast');
jzknav.find('.jzk_nav_01').find('li').removeClass('hover');
jzknav.find('.jzk_nav_01').stop(0, 0).slideToggle('fast').css({
'overflow': 'inherit'
});
jzknav.find('ul ul').stop(0, 0).slideUp('fast');
jzknav.find('li').removeClass('hover');
jzknav.stop(0, 0).slideToggle('fast');
});
$(".jzk_nav_01 li a").on('click', function() {
$(this).parent("li").toggleClass('hover').children('ul').stop(0, 0).slideToggle('fast');
})
});
\ No newline at end of file
js/layui.js 0 → 100644
View file @ 3d1ea3cc
/** layui-v2.5.6 MIT License By https://www.layui.com */
;!function(e){"use strict";var t=document,n={modules:{},status:{},timeout:10,event:{}},r=function(){this.v="2.5.6"},o=function(){var e=t.currentScript?t.currentScript.src:function(){for(var e,n=t.scripts,r=n.length-1,o=r;o>0;o--)if("interactive"===n[o].readyState){e=n[o].src;break}return e||n[r].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),a=function(t){e.console&&console.error&&console.error("Layui hint: "+t)},i="undefined"!=typeof opera&&"[object Opera]"===opera.toString(),u={layer:"modules/layer",laydate:"modules/laydate",laypage:"modules/laypage",laytpl:"modules/laytpl",layim:"modules/layim",layedit:"modules/layedit",form:"modules/form",upload:"modules/upload",transfer:"modules/transfer",tree:"modules/tree",table:"modules/table",element:"modules/element",rate:"modules/rate",colorpicker:"modules/colorpicker",slider:"modules/slider",carousel:"modules/carousel",flow:"modules/flow",util:"modules/util",code:"modules/code",jquery:"modules/jquery",mobile:"modules/mobile","layui.all":"../layui.all"};r.prototype.cache=n,r.prototype.define=function(e,t){var r=this,o="function"==typeof e,a=function(){var e=function(e,t){layui[e]=t,n.status[e]=!0};return"function"==typeof t&&t(function(r,o){e(r,o),n.callback[r]=function(){t(e)}}),this};return o&&(t=e,e=[]),!layui["layui.all"]&&layui["layui.mobile"]?a.call(r):(r.use(e,a),r)},r.prototype.use=function(e,r,l){function c(e,t){var r="PLaySTATION 3"===navigator.platform?/^complete$/:/^(complete|loaded)$/;("load"===e.type||r.test((e.currentTarget||e.srcElement).readyState))&&(n.modules[d]=t,y.removeChild(h),function o(){return++m>1e3*n.timeout/4?a(d+" is not a valid module"):void(n.status[d]?s():setTimeout(o,4))}())}function s(){l.push(layui[d]),e.length>1?p.use(e.slice(1),r,l):"function"==typeof r&&r.apply(layui,l)}var p=this,f=n.dir=n.dir?n.dir:o,y=t.getElementsByTagName("head")[0];e="string"==typeof e?[e]:e,window.jQuery&&jQuery.fn.on&&(p.each(e,function(t,n){"jquery"===n&&e.splice(t,1)}),layui.jquery=layui.$=jQuery);var d=e[0],m=0;if(l=l||[],n.host=n.host||(f.match(/\/\/([\s\S]+?)\//)||["//"+location.host+"/"])[0],0===e.length||layui["layui.all"]&&u[d]||!layui["layui.all"]&&layui["layui.mobile"]&&u[d])return s(),p;var v=(u[d]?f+"lay/":/^\{\/\}/.test(p.modules[d])?"":n.base||"")+(p.modules[d]||d)+".js";if(v=v.replace(/^\{\/\}/,""),!n.modules[d]&&layui[d]&&(n.modules[d]=v),n.modules[d])!function g(){return++m>1e3*n.timeout/4?a(d+" is not a valid module"):void("string"==typeof n.modules[d]&&n.status[d]?s():setTimeout(g,4))}();else{var h=t.createElement("script");h.async=!0,h.charset="utf-8",h.src=v+function(){var e=n.version===!0?n.v||(new Date).getTime():n.version||"";return e?"?v="+e:""}(),y.appendChild(h),!h.attachEvent||h.attachEvent.toString&&h.attachEvent.toString().indexOf("[native code")<0||i?h.addEventListener("load",function(e){c(e,v)},!1):h.attachEvent("onreadystatechange",function(e){c(e,v)}),n.modules[d]=v}return p},r.prototype.getStyle=function(t,n){var r=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return r[r.getPropertyValue?"getPropertyValue":"getAttribute"](n)},r.prototype.link=function(e,r,o){var i=this,u=t.createElement("link"),l=t.getElementsByTagName("head")[0];"string"==typeof r&&(o=r);var c=(o||e).replace(/\.|\//g,""),s=u.id="layuicss-"+c,p=0;return u.rel="stylesheet",u.href=e+(n.debug?"?v="+(new Date).getTime():""),u.media="all",t.getElementById(s)||l.appendChild(u),"function"!=typeof r?i:(function f(){return++p>1e3*n.timeout/100?a(e+" timeout"):void(1989===parseInt(i.getStyle(t.getElementById(s),"width"))?function(){r()}():setTimeout(f,100))}(),i)},n.callback={},r.prototype.factory=function(e){if(layui[e])return"function"==typeof n.callback[e]?n.callback[e]:null},r.prototype.addcss=function(e,t,r){return layui.link(n.dir+"css/"+e,t,r)},r.prototype.img=function(e,t,n){var r=new Image;return r.src=e,r.complete?t(r):(r.onload=function(){r.onload=null,"function"==typeof t&&t(r)},void(r.onerror=function(e){r.onerror=null,"function"==typeof n&&n(e)}))},r.prototype.config=function(e){e=e||{};for(var t in e)n[t]=e[t];return this},r.prototype.modules=function(){var e={};for(var t in u)e[t]=u[t];return e}(),r.prototype.extend=function(e){var t=this;e=e||{};for(var n in e)t[n]||t.modules[n]?a("模块名 "+n+" 已被占用"):t.modules[n]=e[n];return t},r.prototype.router=function(e){var t=this,e=e||location.hash,n={path:[],search:{},hash:(e.match(/[^#](#.*$)/)||[])[1]||""};return/^#\//.test(e)?(e=e.replace(/^#\//,""),n.href="/"+e,e=e.replace(/([^#])(#.*$)/,"$1").split("/")||[],t.each(e,function(e,t){/^\w+=/.test(t)?function(){t=t.split("="),n.search[t[0]]=t[1]}():n.path.push(t)}),n):n},r.prototype.url=function(e){var t=this,n={pathname:function(){var t=e?function(){var t=(e.match(/\.[^.]+?\/.+/)||[])[0]||"";return t.replace(/^[^\/]+/,"").replace(/\?.+/,"")}():location.pathname;return t.replace(/^\//,"").split("/")}(),search:function(){var n={},r=(e?function(){var t=(e.match(/\?.+/)||[])[0]||"";return t.replace(/\#.+/,"")}():location.search).replace(/^\?+/,"").split("&");return t.each(r,function(e,t){var r=t.indexOf("="),o=function(){return r<0?t.substr(0,t.length):0!==r&&t.substr(0,r)}();o&&(n[o]=r>0?t.substr(r+1):null)}),n}(),hash:t.router(function(){return e?(e.match(/#.+/)||[])[0]||"":location.hash}())};return n},r.prototype.data=function(t,n,r){if(t=t||"layui",r=r||localStorage,e.JSON&&e.JSON.parse){if(null===n)return delete r[t];n="object"==typeof n?n:{key:n};try{var o=JSON.parse(r[t])}catch(a){var o={}}return"value"in n&&(o[n.key]=n.value),n.remove&&delete o[n.key],r[t]=JSON.stringify(o),n.key?o[n.key]:o}},r.prototype.sessionData=function(e,t){return this.data(e,t,sessionStorage)},r.prototype.device=function(t){var n=navigator.userAgent.toLowerCase(),r=function(e){var t=new RegExp(e+"/([^\\s\\_\\-]+)");return e=(n.match(t)||[])[1],e||!1},o={os:function(){return/windows/.test(n)?"windows":/linux/.test(n)?"linux":/iphone|ipod|ipad|ios/.test(n)?"ios":/mac/.test(n)?"mac":void 0}(),ie:function(){return!!(e.ActiveXObject||"ActiveXObject"in e)&&((n.match(/msie\s(\d+)/)||[])[1]||"11")}(),weixin:r("micromessenger")};return t&&!o[t]&&(o[t]=r(t)),o.android=/android/.test(n),o.ios="ios"===o.os,o.mobile=!(!o.android&&!o.ios),o},r.prototype.hint=function(){return{error:a}},r.prototype.each=function(e,t){var n,r=this;if("function"!=typeof t)return r;if(e=e||[],e.constructor===Object){for(n in e)if(t.call(e[n],n,e[n]))break}else for(n=0;n<e.length&&!t.call(e[n],n,e[n]);n++);return r},r.prototype.sort=function(e,t,n){var r=JSON.parse(JSON.stringify(e||[]));return t?(r.sort(function(e,n){var r=/^-?\d+$/,o=e[t],a=n[t];return r.test(o)&&(o=parseFloat(o)),r.test(a)&&(a=parseFloat(a)),o&&!a?1:!o&&a?-1:o>a?1:o<a?-1:0}),n&&r.reverse(),r):r},r.prototype.stope=function(t){t=t||e.event;try{t.stopPropagation()}catch(n){t.cancelBubble=!0}},r.prototype.onevent=function(e,t,n){return"string"!=typeof e||"function"!=typeof n?this:r.event(e,t,null,n)},r.prototype.event=r.event=function(e,t,r,o){var a=this,i=null,u=t.match(/\((.*)\)$/)||[],l=(e+"."+t).replace(u[0],""),c=u[1]||"",s=function(e,t){var n=t&&t.call(a,r);n===!1&&null===i&&(i=!1)};return o?(n.event[l]=n.event[l]||{},n.event[l][c]=[o],this):(layui.each(n.event[l],function(e,t){return"{*}"===c?void layui.each(t,s):(""===e&&layui.each(t,s),void(c&&e===c&&layui.each(t,s)))}),i)},e.layui=new r}(window);
\ No newline at end of file
js/swiper.animate.min.js 0 → 100644
View file @ 3d1ea3cc
//本插件由www.swiper.com.cn提供
//版本1.0.3
function swiperAnimateCache(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["style"]?allBoxes[i].setAttribute("swiper-animate-style-cache",allBoxes[i].attributes["style"].value):allBoxes[i].setAttribute("swiper-animate-style-cache"," "),allBoxes[i].style.visibility="hidden"}function swiperAnimate(a){clearSwiperAnimate(a);var b=a.slides[a.activeIndex].querySelectorAll(".ani");for(i=0;i<b.length;i++)b[i].style.visibility="visible",effect=b[i].attributes["swiper-animate-effect"]?b[i].attributes["swiper-animate-effect"].value:"",b[i].className=b[i].className+" "+effect+" "+"animated",style=b[i].attributes["style"].value,duration=b[i].attributes["swiper-animate-duration"]?b[i].attributes["swiper-animate-duration"].value:"",duration&&(style=style+"animation-duration:"+duration+";-webkit-animation-duration:"+duration+";"),delay=b[i].attributes["swiper-animate-delay"]?b[i].attributes["swiper-animate-delay"].value:"",delay&&(style=style+"animation-delay:"+delay+";-webkit-animation-delay:"+delay+";"),b[i].setAttribute("style",style)}function clearSwiperAnimate(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["swiper-animate-style-cache"]&&allBoxes[i].setAttribute("style",allBoxes[i].attributes["swiper-animate-style-cache"].value),allBoxes[i].style.visibility="hidden",allBoxes[i].className=allBoxes[i].className.replace("animated"," "),allBoxes[i].attributes["swiper-animate-effect"]&&(effect=allBoxes[i].attributes["swiper-animate-effect"].value,allBoxes[i].className=allBoxes[i].className.replace(effect," "))}
\ No newline at end of file
js/swiper.min.js 0 → 100644
View file @ 3d1ea3cc
This source diff could not be displayed because it is too large. You can view the blob instead.
login.html 0 → 100644
View file @ 3d1ea3cc
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment