Skip to content

梁建民 / xinhot

Go to a project
Commit 8804909b by 林翔
Options

lx

parent 3800ea98
Expand all
Inline Side-by-side
Showing with 422 additions and 113 deletions
h5/about.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<include file="./public/meta" />
<include file="./public/css" />
<title>信宏泰电子科技有限公司</title>
<meta name="keywords" content="信宏泰电子科技有限公司,电子元器件采购,元器件供应商,电阻,电容,阻容">
<meta name="description" content="信宏泰电子科技有限公司，元器件集成供应商，专业代理全球各大品牌产品，主推被动器件，主营业务代理销售风华、国巨、华科、三星等电容器件；厚声、风华、国巨等电阻器件；长电、LRC等二三极管">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta name="full-screen" content="yes">
<meta name="browsermode" content="application">
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app">
<link rel="stylesheet" type="text/css" href="./js/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if(clientWidth>=750){
docEl.style.fontSize = '100px';
}else{
docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
</head>
<body>
<div class="container">
<div class="index-nav">
<div class="index-nav-content">
<b class="empty va-m"></b>
<img src="./images/head.png" class="nav-logo va-m" alt="logo">
<img src="./images/nav.png" class="nav-menu va-m nav-show" alt="menu-icon">
</div>
<ul class="index-nav-show" style="display: none;">
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="product.html">产品展示</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class="layui-carousel index-banner" id="banner">
<ul class="banner-wrap" carousel-item="">
<li class="pic-1"><a href="javascript:;"></a></li>
<li class="pic-2"><a href="javascript:;"></a></li>
<li class="pic-3"><a href="javascript:;"></a></li>
</ul>
</div>
<div class="about-box1">
<div class="about-box1-title"><img src="./images/about/1.png" alt="认识我们"></div>
<div class="about-box1-content">
......@@ -61,8 +120,15 @@
<dd>快速交货</dd>
</dl>
</div>
<div class="index-sidebar">
<a class="qq" href="http://wpa.qq.com/msgrd?v=3&amp;uin=734739138&amp;site=qq&amp;menu=yes"><img src="./images/qq.png" alt="qq"></a>
<a class="phone" href="tel:0755-21001152"><img src="./images/phone.png" alt="phone"></a>
</div>
</div>
<include file="./public/js" />
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/layui/layui.all.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>
\ No newline at end of file
h5/contact.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<include file="./public/meta" />
<include file="./public/css" />
<title>信宏泰电子科技有限公司</title>
<meta name="keywords" content="信宏泰电子科技有限公司,电子元器件采购,元器件供应商,电阻,电容,阻容">
<meta name="description" content="信宏泰电子科技有限公司，元器件集成供应商，专业代理全球各大品牌产品，主推被动器件，主营业务代理销售风华、国巨、华科、三星等电容器件；厚声、风华、国巨等电阻器件；长电、LRC等二三极管">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta name="full-screen" content="yes">
<meta name="browsermode" content="application">
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app">
<link rel="stylesheet" type="text/css" href="./js/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if(clientWidth>=750){
docEl.style.fontSize = '100px';
}else{
docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
</head>
<body>
<div class="container">
<div class="index-nav">
<div class="index-nav-content">
<b class="empty va-m"></b>
<img src="./images/head.png" class="nav-logo va-m" alt="logo">
<img src="./images/nav.png" class="nav-menu va-m nav-show" alt="menu-icon">
</div>
<ul class="index-nav-show" style="display: none;">
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="product.html">产品展示</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class="layui-carousel index-banner" id="banner">
<ul class="banner-wrap" carousel-item="">
<li class="pic-1"><a href="javascript:;"></a></li>
<li class="pic-2"><a href="javascript:;"></a></li>
<li class="pic-3"><a href="javascript:;"></a></li>
</ul>
</div>
<div class="contact-box1">
<div class="contact-box1-line"><img src="./images/contact/1.png" alt=""></div>
<dl class="contact-box1-text text1">
......@@ -50,17 +109,17 @@
<tr>
<td>业务经理</td>
<td>超高提成 五险一金 带薪年假 绩效奖金</td>
<td><a data-job="1" href="javascript:;">详情</a></td>
<td><a class="job_detail" data-job="1" href="javascript:;">详情</a></td>
</tr>
<tr>
<td>采购员</td>
<td>五险一金 带薪年假 绩效奖金</td>
<td><a data-job="2" href="javascript:;">详情</a></td>
<td><a class="job_detail" data-job="2" href="javascript:;">详情</a></td>
</tr>
<tr>
<td>业务助理</td>
<td>五险一金 带薪年假 绩效奖金 团队分红</td>
<td><a data-job="3" href="javascript:;">详情</a></td>
<td><a class="job_detail" data-job="3" href="javascript:;">详情</a></td>
</tr>
</tbody>
</table>
......@@ -77,9 +136,9 @@
<p><i class="fax"></i>0755-23773724</p>
</div>
<div class="contact-mask" >
<div class="contact-mask mask" style="display: none;">
<div class="contact-mask-content">
<div class="contact-mask-close"><img src="./images/close.png" alt=""></div>
<div class="mask-close"><img src="./images/close.png" alt=""></div>
<div class="contact-mask-text">
<p class="fw-b">业务经理</p>
<p>工作地点：深圳龙华</p>
......@@ -99,8 +158,15 @@
</div>
</div>
</div>
<div class="index-sidebar">
<a class="qq" href="http://wpa.qq.com/msgrd?v=3&amp;uin=734739138&amp;site=qq&amp;menu=yes"><img src="./images/qq.png" alt="qq"></a>
<a class="phone" href="tel:0755-21001152"><img src="./images/phone.png" alt="phone"></a>
</div>
</div>
<include file="./public/js" />
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/layui/layui.all.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>
\ No newline at end of file
h5/css/style.css
......@@ -17,18 +17,20 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus{ -webkit-box-
.index-nav .index-nav-content .nav-logo{ width: 3.05rem; height: 0.83rem; margin-right: 2.56rem; margin-left: 0.69rem; }
.index-nav .index-nav-content .nav-menu{ width: 0.74rem; height: 0.6rem; }
.index-nav ul{ width: 6.91rem; margin: 0 auto; border-top: 1px solid #4bceff; background-color: #000000; opacity: 0.85; }
.index-nav ul li{ height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.3rem; color: #4bceff; font-weight: bold; }
.index-nav ul li{ height: 1.2rem; line-height: 1.2rem; text-align: center; }
.index-nav ul li a{ font-size: 0.3rem; color: #4bceff; font-weight: bold; }
.index-banner { position: relative; width: 100%; height: 7.36rem; overflow: hidden; z-index: 9; }
.index-banner .banner-wrap { position: relative; width: 100%; height: 100%; }
.index-banner .banner-wrap .pic-1 { width: 100%; height: 100%; background: url("../images/banner-1.jpg") no-repeat center; background-size: cover; }
.index-banner .banner-wrap .pic-2 { width: 100%; height: 100%; background: url("../images/banner-2.jpg") no-repeat center; background-size: cover; }
.index-banner .banner-wrap .pic-3 { width: 100%; height: 100%; background: url("../images/banner-3.jpg") no-repeat center; background-size: cover; }
.index-banner .banner-wrap a { width: 100%; height: 100%; display: block; }
.index-banner{ position: relative; width: 100%; height: 7.36rem; overflow: hidden; z-index: 9; }
.index-banner .banner-wrap{ position: relative; width: 100%; height: 100%; }
.index-banner .banner-wrap .pic-1{ width: 100%; height: 100%; background: url("../images/banner-1.jpg") no-repeat center; background-size: cover; }
.index-banner .banner-wrap .pic-2{ width: 100%; height: 100%; background: url("../images/banner-2.jpg") no-repeat center; background-size: cover; }
.index-banner .banner-wrap .pic-3{ width: 100%; height: 100%; background: url("../images/banner-3.jpg") no-repeat center; background-size: cover; }
.index-banner .banner-wrap a{ width: 100%; height: 100%; display: block; }
.index-sidebar{ position: fixed; right: 0.2rem; top: 7rem; width: 0.92rem; z-index: 11; }
.index-sidebar .qq{ margin-bottom: 0.3rem; }
.index-sidebar .qq{ margin-bottom: 0.3rem; display: block; }
.index-sidebar .qq img,.phone img{ width: 0.92rem; height: 0.92rem; }
.index-sidebar .phone{ display: block; }
/*首页*/
.index-box1{ width: 100%; }
......@@ -38,11 +40,11 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus{ -webkit-box-
.index-box1 dl dt,.index-box1 dl dd{ display: block; text-align: center; margin-bottom: 0.2rem; }
.index-box1 dl dt img{ width: 3.88rem; height: 3.87rem; }
.index-box2{ width: 100%; height: 2.12rem; background: url("../images/index/5.png") no-repeat center; background-size: cover; position: relative; }
.index-box2{ display: block; width: 100%; height: 2.12rem; background: url("../images/index/5.png") no-repeat center; background-size: cover; position: relative; }
.index-box2 img{ width: 2.18rem; height: 0.91rem; position: absolute; top: 0.4rem; right: 1rem; }
.index-box3{ background: #000d37; padding: 0.8rem 0; }
.index-box3-common{ width: 6.7rem; height: 3.69rem; margin: 0 auto; background-size: cover; position: relative; }
.index-box3-common{ display: block; width: 6.7rem; height: 3.69rem; margin: 0 auto; background-size: cover; position: relative; }
.index-box3-contact{ background: url("../images/index/7.png") no-repeat center; margin-bottom: 0.6rem; }
.index-box3-product{ background: url("../images/index/8.png") no-repeat center; }
.index-box3-common .index-box3-text{ position: absolute; bottom: 0; left: 0; right: 0; width: 3.44rem; height: 1.28rem; background: #fff; text-align: center; border-radius: 2px; margin: 0 auto; }
......@@ -128,8 +130,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus{ -webkit-box-
.container{ position: relative; }
.contact-mask{ width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 12; }
.contact-mask .contact-mask-content{ width: 6.9rem; margin: 5rem auto; background: #fff; padding-bottom: 0.5rem; }
.contact-mask-content .contact-mask-close{ text-align: right; padding: 0.1rem; }
.contact-mask-content .contact-mask-close img{ width: 0.54rem; height: 0.53rem; }
.contact-mask-content .contact-mask-text{ width: 6.1rem; margin: 0 0.4rem; margin-bottom: 0.5rem; text-align: left; }
.contact-mask-content .contact-mask-text p{ font-size: 0.26rem; color: #666; line-height: 0.4rem; }
.contact-mask-content .contact-mask-text .fw-b{ font-weight: bold; font-size: 0.3rem; }
......@@ -165,13 +165,11 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus{ -webkit-box-
.product-box3 .product-box3-content dl dt img{ width: 0.45rem; height: 0.44rem; }
.product-box3 .product-box3-content dl dd{ display: inline-block; height: 0.44rem; }
.product-box3 .product-box3-content dl dd p{ font-size: 0.34rem; color: #fefeff; line-height: 0.44rem; }
.product-box3 .product-box3-btn{ width: 6.9rem; height: 0.98rem; margin: 0 auto; background: #fbf7f2; font-size: 0.4rem; color: #07275b; line-height: 0.98rem; text-align: center; border-radius: 0.5rem; font-weight: bold; }
.product-box3 .product-box3-btn{ display: block; width: 6.9rem; height: 0.98rem; margin: 0 auto; background: #fbf7f2; font-size: 0.4rem; color: #07275b; line-height: 0.98rem; text-align: center; border-radius: 0.5rem; font-weight: bold; }
.container{ position: relative; }
.product-mask{ width: 100%; height: 100%; /*background: #000; opacity: 0.8;*/ background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 12; }
.product-mask .product-mask-content{ width: 6.9rem; margin: 5rem auto; background: #fff; padding-bottom: 1rem; }
.product-mask-content .product-mask-close{ text-align: right; padding: 0.1rem; }
.product-mask-content .product-mask-close img{ width: 0.54rem; height: 0.53rem; }
.product-mask-content .product-mask-brand{ text-align: center; margin: 0.2rem 0; }
.product-mask-content .product-mask-brand img{ width: 2.15rem; height: 0.66rem; }
.product-mask-content .product-mask-text{ font-size: 0.26rem; color: #666; line-height: 0.4rem; margin: 0 0.5rem; }
......@@ -180,3 +178,5 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus{ -webkit-box-
.product-mask-content .product-mask-img li img{ width: 1.7rem; height: 1.3rem; }
.product-mask-content .product-mask-introduce{ text-indent: 2em; font-size: 0.26rem; color: #666; line-height: 0.4rem; margin: 0 0.5rem; }
.mask-close{ text-align: right; padding: 0.1rem; }
.mask-close img{ width: 0.54rem; height: 0.53rem; }
h5/images/15.png → h5/images/close.png
h5/images/15.png

2.4 KB | W: | H:

h5/images/close.png

2.4 KB | W: | H:

h5/images/15.png
h5/images/close.png
h5/images/15.png
h5/images/close.png
  • 2-up
  • Swipe
  • Onion skin
h5/index.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<include file="./public/meta" />
<include file="./public/css" />
<title>信宏泰电子科技有限公司</title>
<meta name="keywords" content="信宏泰电子科技有限公司,电子元器件采购,元器件供应商,电阻,电容,阻容">
<meta name="description" content="信宏泰电子科技有限公司，元器件集成供应商，专业代理全球各大品牌产品，主推被动器件，主营业务代理销售风华、国巨、华科、三星等电容器件；厚声、风华、国巨等电阻器件；长电、LRC等二三极管">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta name="full-screen" content="yes">
<meta name="browsermode" content="application">
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app">
<link rel="stylesheet" type="text/css" href="./js/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if(clientWidth>=750){
docEl.style.fontSize = '100px';
}else{
docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
</head>
<body>
<div class="container">
<div class="index-nav">
<div class="index-nav-content">
<b class="empty va-m"></b>
<img src="./images/head.png" class="nav-logo va-m" alt="logo">
<img src="./images/nav.png" class="nav-menu va-m nav-show" alt="menu-icon">
</div>
<ul class="index-nav-show" style="display: none;">
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="product.html">产品展示</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class="layui-carousel index-banner" id="banner">
<ul class="banner-wrap" carousel-item="">
<li class="pic-1"><a href="javascript:;"></a></li>
<li class="pic-2"><a href="javascript:;"></a></li>
<li class="pic-3"><a href="javascript:;"></a></li>
</ul>
</div>
<div class="index-box1">
<div class="index-box1-title"><img src="./images/index/1.png" alt="主营业务"></div>
<dl>
......@@ -22,27 +81,34 @@
</dl>
</div>
<div class="index-box2">
<a class="index-box2" href="about.html">
<img src="./images/index/6.png" alt="关于我们">
</div>
</a>
<div class="index-box3">
<div class="index-box3-contact index-box3-common">
<a class="index-box3-contact index-box3-common" href="contact.html">
<div class="index-box3-text">
<p class="cn">联系我们</p>
<p class="en">contact</p>
</div>
</div>
</a>
<div class="index-box3-product index-box3-common">
<a class="index-box3-product index-box3-common" href="product.html">
<div class="index-box3-text">
<p class="cn">产品展示</p>
<p class="en">exhibition</p>
</div>
</div>
</a>
</div>
<div class="index-sidebar">
<a class="qq" href="http://wpa.qq.com/msgrd?v=3&amp;uin=734739138&amp;site=qq&amp;menu=yes"><img src="./images/qq.png" alt="qq"></a>
<a class="phone" href="tel:0755-21001152"><img src="./images/phone.png" alt="phone"></a>
</div>
</div>
<include file="./public/js" />
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/layui/layui.all.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>
\ No newline at end of file
h5/js/index.js
;!function(){
window.xinhot = {
$(function(){
xinhot.init();
})
var xinhot = {
init: function(){
this.handleBind(this);
this.aboutClick(this);
this.brandShow(this);
},
handleBind: function(opt){
//页面滚动
// new WOW().init();
//首页轮播图
layui.carousel.render({
elem: '#banner',
width: '100%',
height:'7.36rem',
arrow: 'hover',
anim:'fade',
interval:4000,
});
return this;
xinhot.carousel();
xinhot.handle();
},
aboutClick: function(){
$(".about-box2-content li").click(function(){
$(".about-box2-content li").removeClass("big");
$(this).addClass("big");
var checkId = $(this).attr("data-box");
$(".about-box2-text").hide();
$(".about-box2-text").each(function(){
if($(this).attr("id") == checkId){
$(this).show();
}
})
})
carousel: function(){
//首页轮播图
layui.carousel.render({
elem: '#banner',
width: '100%',
height:'7.36rem',
arrow: 'hover',
anim:'fade',
interval:4000,
});
return this;
},
brandShow: function(){
$(".product-box1-content li").click(function(){
let brandId = $(this).attr("data-brand");
$.ajax({
url:'./js/brandData.json',
methods:'get',
async:false,
datatype:'jsonp',
success:function(data){
console.log(data);
}
})
})
}
},
$(function(){
xinhot.init();
})
}();
handle: function(){
//下拉导航
$(".nav-menu").click(function(){
if($(this).hasClass("nav-show")){
$(this).removeClass("nav-show");
$(".index-nav-show").show();
}else{
$(this).addClass("nav-show");
$(".index-nav-show").hide();
}
});
//关于我们
$(".about-box2-content li").click(function(){
$(".about-box2-content li").removeClass("big");
$(this).addClass("big");
let checkId = $(this).attr("data-box");
$(".about-box2-text").hide();
$(".about-box2-text").each(function(){
if($(this).attr("id") == checkId){
$(this).show();
}
})
});
//产品展示
$(".product-box1-content li").click(function(){
let brandId = $(this).attr("data-brand");
$(".product-mask").show();
//屏幕滚动到指定位置
var top = $(".product-mask-content").offset().top; //获取某个元素距顶部的距离
$("body,html").animate({scrollTop:(top-50)+"px"},500);
$.ajax({
url:'./js/brandData.json',
methods:'get',
async:false,
datatype:'jsonp',
success:function(data){
// console.log(data);
$(".product-mask-brand").find("img").attr("src",data[brandId].brandImg);
$(".product-mask-company").text(data[brandId].company);
$(".product-mask-address").text(data[brandId].company);
$(".product-mask-time").text(data[brandId].company);
$(".product-mask-name").text(data[brandId].company);
$(".product-mask-img .product-img_1").find("img").attr("src",data[brandId].img[0]);
$(".product-mask-img .product-img_2").find("img").attr("src",data[brandId].img[1]);
$(".product-mask-img .product-img_3").find("img").attr("src",data[brandId].img[2]);
$(".introduce-1").text(data[brandId].introduce[0]);
$(".introduce-2").text(data[brandId].introduce[1]);
}
})
});
//联系我们
$(".layui-table .job_detail").click(function(){
let jobId = $(this).attr("data-job");
$(".contact-mask").show();
//屏幕滚动到指定位置
var top = $(".contact-mask-content").offset().top; //获取某个元素距顶部的距离
$("body,html").animate({scrollTop:(top-50)+"px"},500);
$.ajax({
url:'./js/jobData.json',
methods:'get',
async:false,
datatype:'jsonp',
success:function(data){
// console.log(data);
$(".fw-b").text(data[jobId].jobName);
$(".job_position").text(data[jobId].jobPosition);
$(".job_requirement").text(data[jobId].jobRequirement);
}
})
});
//关闭弹窗
$(".mask-close").click(function(){
$(this).parents(".mask").hide();
});
}
}
h5/js/jobData.json
var jobData =
[
{
"data":
[
{
"jobName":"业务经理",
"jobPosition":"1、积极勤快开拓新客户，以及重点客户跟踪维护；<br>2、熟悉电子元器件，了解和发掘客户需求及购买愿望，介绍各品牌产品的特色；<br>3、处理客户的报价、订单、货款回收等。",
"jobRequirement":"1、2年以上电子行业经验，有元器件销售经验优先；<br>2、熟悉元器件产业链情况，勤奋上进，积极努力；<br>3、进行应用领域拓展，达成交易。"
},
{
"jobName":"业务经理",
"jobPosition":"1、积极勤快开拓新客户，以及重点客户跟踪维护；<br>2、熟悉电子元器件，了解和发掘客户需求及购买愿望，介绍各品牌产品的特色；<br>3、处理客户的报价、订单、货款回收等。",
"jobRequirement":"1、2年以上电子行业经验，有元器件销售经验优先；<br>2、熟悉元器件产业链情况，勤奋上进，积极努力；<br>3、进行应用领域拓展，达成交易。"
"jobName":"采购员",
"jobPosition":"1、处理系统中的日常询价，及时给销售反馈报价；<br>2、处理订单、完成下单、付款及交货流程，及其品质异常的处理；<br>3、开拓供货渠道，与供应商保持密切合作，建立稳定持久的合作关系；<br>4、与销售保持良好互动和沟通。",
"jobRequirement":"1、2年以上电子元器件贸易采购经验；<br>2、熟悉电子元器件贸易采购流程,能独立处理订货以及相关后续事宜；<br>3、具备优秀的筛选供应商能力、看货能力、谈判能力；<br>4、有电子元器件采购渠道者优先。"
},
{
"jobName":"业务经理",
"jobPosition":"1、积极勤快开拓新客户，以及重点客户跟踪维护；<br>2、熟悉电子元器件，了解和发掘客户需求及购买愿望，介绍各品牌产品的特色；<br>3、处理客户的报价、订单、货款回收等。",
"jobRequirement":"1、2年以上电子行业经验，有元器件销售经验优先；<br>2、熟悉元器件产业链情况，勤奋上进，积极努力；<br>3、进行应用领域拓展，达成交易。"
"jobPosition":"1、协助业务员报价、订单制作、跟单、发货；<br>2、负责样品的申请、收集及分发，接待客户等销售辅助工作；<br>3、负责对帐及协助催收货款工作。",
"jobRequirement":"1、高中及以上学历；<br>2、熟悉业务跟单操作流程，对电子元器件有一定认知的优先考虑；<br>3、具备电脑操作技巧，有ERP操作经验优先考虑；<br>4、具有团队精神，较强的沟通、责任心强。"
}
]
\ No newline at end of file
]
}
\ No newline at end of file
h5/product.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<include file="./public/meta" />
<include file="public/css" />
<title>信宏泰电子科技有限公司</title>
<meta name="keywords" content="信宏泰电子科技有限公司,电子元器件采购,元器件供应商,电阻,电容,阻容">
<meta name="description" content="信宏泰电子科技有限公司，元器件集成供应商，专业代理全球各大品牌产品，主推被动器件，主营业务代理销售风华、国巨、华科、三星等电容器件；厚声、风华、国巨等电阻器件；长电、LRC等二三极管">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta name="full-screen" content="yes">
<meta name="browsermode" content="application">
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app">
<link rel="stylesheet" type="text/css" href="./js/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if(clientWidth>=750){
docEl.style.fontSize = '100px';
}else{
docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
</head>
<body>
<div class="./container">
<div class="container">
<div class="index-nav">
<div class="index-nav-content">
<b class="empty va-m"></b>
<img src="./images/head.png" class="nav-logo va-m" alt="logo">
<img src="./images/nav.png" class="nav-menu va-m nav-show" alt="menu-icon">
</div>
<ul class="index-nav-show" style="display: none;">
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="product.html">产品展示</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class="layui-carousel index-banner" id="banner">
<ul class="banner-wrap" carousel-item="">
<li class="pic-1"><a href="javascript:;"></a></li>
<li class="pic-2"><a href="javascript:;"></a></li>
<li class="pic-3"><a href="javascript:;"></a></li>
</ul>
</div>
<div class="product-box1">
<div class="product-box1-title"><img src="./images/product/1.png" alt="主营品牌"></div>
<ul class="product-box1-content">
......@@ -64,28 +123,35 @@
<dd><p>内部渠道 最低价格</p></dd>
</dl>
</div>
<div class="product-box3-btn">联系我们</div>
<a class="product-box3-btn" href="contact.html">联系我们</a>
</div>
<div class="product-mask">
<div class="product-mask mask" style="display: none;">
<div class="product-mask-content">
<div class="product-mask-close"><img src="./images/close.png" alt=""></div>
<div class="mask-close"><img src="./images/close.png" alt=""></div>
<div class="product-mask-brand"><img src="./images/product/group_1/1.png" alt=""></div>
<p class="product-mask-company product-mask-text">华新科技有限公司</p>
<p class="product-mask-address product-mask-text">总部地址：台湾桃园县杨梅高狮路566-1号</p>
<p class="product-mask-time product-mask-text">成立时间：1992</p>
<p class="product-mask-name product-mask-text">商标名称：WALSIN</p>
<ul class="product-mask-img">
<li><img src="./images/product/group_1/2.png" alt=""></li>
<li><img src="./images/product/group_1/3.png" alt=""></li>
<li><img src="./images/product/group_1/4.png" alt=""></li>
<li class="product-img_1"><img src="./images/product/group_1/2.png" alt=""></li>
<li class="product-img_2"><img src="./images/product/group_1/3.png" alt=""></li>
<li class="product-img_3"><img src="./images/product/group_1/4.png" alt=""></li>
</ul>
<p class="product-mask-introduce">深刻了解技术能力的重要性，华新科技自2001年以来持续以维普营收3%投资于技术研发与创新，并持续关注电子产品应用趋势，以确保产品规格符合客户所需，致力于微型化、成本效益、绿色环保、保护元件及各式特殊产品开发。善用产业价值链的合纵连横，华新科技积极整合粉末供应商信昌陶瓷（PDC）、超微小电阻专家釜屋电机（Kamaya）,并与ARROW等区域性大分销合作，共同提升产品规格与服务。8座主要生产基地布局于亚太地区，供货与仓储网络遍布全球。顺应3C产品轻、薄、微型化、多功整合的趋势，华新的元件产品补广泛应用于各式电子产品中，从电脑资讯，通讯设备、消费性电子商品以至于车用及工业应用，早已深入广大消费者的生活于无形，彻底实践「华新，常在您身边」的品牌承诺！</p>
<p class="product-mask-introduce">台湾证交所上市（2492.TT或WTC），列名于全球前五大及中国大陆第一大MLCC的制造商，华新科技产品线包括积层陶瓷电容器（MLCC）、芯片电阻（Chip Resistors）、感应及控制组件、高频设备及模组等产品。自1992年成立以来，华科持续以年营收3-5%百分比投资于技术研发方面，其产品对数字家电及通讯产业均扮演着不可或缺的重要角色。</p>
<p class="product-mask-introduce introduce-1">深刻了解技术能力的重要性，华新科技自2001年以来持续以维普营收3%投资于技术研发与创新，并持续关注电子产品应用趋势，以确保产品规格符合客户所需，致力于微型化、成本效益、绿色环保、保护元件及各式特殊产品开发。善用产业价值链的合纵连横，华新科技积极整合粉末供应商信昌陶瓷（PDC）、超微小电阻专家釜屋电机（Kamaya）,并与ARROW等区域性大分销合作，共同提升产品规格与服务。8座主要生产基地布局于亚太地区，供货与仓储网络遍布全球。顺应3C产品轻、薄、微型化、多功整合的趋势，华新的元件产品补广泛应用于各式电子产品中，从电脑资讯，通讯设备、消费性电子商品以至于车用及工业应用，早已深入广大消费者的生活于无形，彻底实践「华新，常在您身边」的品牌承诺！</p>
<p class="product-mask-introduce introduce-2">台湾证交所上市（2492.TT或WTC），列名于全球前五大及中国大陆第一大MLCC的制造商，华新科技产品线包括积层陶瓷电容器（MLCC）、芯片电阻（Chip Resistors）、感应及控制组件、高频设备及模组等产品。自1992年成立以来，华科持续以年营收3-5%百分比投资于技术研发方面，其产品对数字家电及通讯产业均扮演着不可或缺的重要角色。</p>
</div>
</div>
<div class="index-sidebar">
<a class="qq" href="http://wpa.qq.com/msgrd?v=3&amp;uin=734739138&amp;site=qq&amp;menu=yes"><img src="./images/qq.png" alt="qq"></a>
<a class="phone" href="tel:0755-21001152"><img src="./images/phone.png" alt="phone"></a>
</div>
</div>
<include file="./public/js" />
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/layui/layui.all.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>
\ No newline at end of file
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 sign in to comment