diff --git a/src/index.html b/src/index.html index 5243b4f..92aa867 100644 --- a/src/index.html +++ b/src/index.html @@ -168,7 +168,7 @@ jQuery(document).ready(function($){
-
+
包装印刷以新、奇、特为特色
-
+
免费设计 免费打样 出货快 价格优
- 优质高效的一站式服务 + 高品质印刷工厂
@@ -295,16 +295,16 @@ jQuery(document).ready(function($){
@@ -328,8 +327,7 @@ jQuery(document).ready(function($){
-

产品名称一

-

彩妆产品

+

酒类包装

@@ -342,8 +340,8 @@ jQuery(document).ready(function($){
-

产品名称四

-

彩妆产品

+

医疗保健包装

+
@@ -356,8 +354,7 @@ jQuery(document).ready(function($){
-

产品名称三

-

彩妆产品

+

美妆护肤包装

@@ -370,8 +367,7 @@ jQuery(document).ready(function($){
-

产品名称二

-

彩妆产品

+

纸箱包装

@@ -384,8 +380,7 @@ jQuery(document).ready(function($){
-

产品名称八

-

彩妆产品

+

书刊画册

@@ -398,8 +393,7 @@ jQuery(document).ready(function($){
-

产品名称九

-

彩妆产品

+

3C数码包装

@@ -412,8 +406,7 @@ jQuery(document).ready(function($){
-

产品名称七

-

彩妆产品

+

节日礼盒/礼品袋

@@ -784,6 +777,63 @@ jQuery(document).ready(function($){ + +
+
+ + 微信
咨询 +
+
+
+ + 电话
咨询 +
+
+
+ + 在线
咨询 +
+
+
+ + 回到
顶部 +
+
+ +
153 6063 1530
+
+ +
+ +
+
+
+ +
+
+ +
提交成功
+
+
+
在线咨询，获取优惠报价
+
+
姓名：
+ +
+
+
电话：
+ +
+
+
需求：
+ + +
+
提交
+
+
+
+ diff --git a/src/skin/css/main.css b/src/skin/css/main.css index 7fce955..a1e4173 100644 --- a/src/skin/css/main.css +++ b/src/skin/css/main.css @@ -3379,4 +3379,113 @@ textarea { .pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul li a{ display:block;color:#999} -.pagess ul li a:hover {color: #fff;} \ No newline at end of file +.pagess ul li a:hover {color: #fff;} + + + +.scroll-phone{ + position:fixed; + bottom: 282px; + right: 112px; + z-index: 100; + width: 328px; + height: 80px; + line-height: 80px; + background-color: #fff; + /* background-image: url('../images/phone-bg.png'); */ + text-align: center; + font-size: 32px; + box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16); + display: none; +} + +.scroll-wx{ + position:fixed; + bottom: 120px; + right: 112px; + z-index: 100; + background-color: #fff; + box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16); + display: none; +} + +.scroll-tip{ + position:fixed; + bottom: 120px; + right: 0; + z-index: 100; + box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16); + padding-left: 1px; + display: flex; + justify-content: flex-end; + flex-direction: column; +} + +.dialog-tip{ + width: 100vw; + height: 100vh; + z-index: 120; + position: fixed; + top: 0; + display: none; + align-items: center; + justify-content: center; + flex-direction:column; +} + +.tp-dialog{ + width: 918px; + height: 518px; + background-image: url('../images/dialog-bg.png'); + position: relative; +} + +.tp-close{ + width: 63px; + height: 63px; + line-height: 63px; + position: absolute; + right: 20px; + top: 20px; + background-color: #fff; + background-image: url('../images/close-bg.png'); + /* text-align: center; */ + display: flex; + /* align-items: center; */ + justify-content: center; + padding-top: 20px; + /* box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16); */ +} + +.tp-textarea{ + border: 1px solid #eaeaea; + width: 360px; + font-size: 16px; + max-width: 360px; + min-width: 360px; + max-height: 140px; + min-height: 140px; +} + +.tp-submit{ + font-size:20px;line-height:60px;border-radius:30px;background-color:#0824f8;color:white;width: 360px;text-align:center;margin-top: 16px; +} + +.tp-tip{ + color: white; + background-color: #99999999; + width: 160px; + height: 160px; + text-align: center; + border-radius: 15px; + font-size: 18px; + position: absolute; + left: 379px; + top: 120px; + z-index: 1000; + display:flex; + align-items: center; + justify-content: center; + flex-direction: column; + display: none; +} \ No newline at end of file diff --git a/src/skin/images/close-bg.png b/src/skin/images/close-bg.png new file mode 100644 index 0000000..303a0a8 Binary files /dev/null and b/src/skin/images/close-bg.png differ diff --git a/src/skin/images/close-d.png b/src/skin/images/close-d.png new file mode 100644 index 0000000..1c295aa Binary files /dev/null and b/src/skin/images/close-d.png differ diff --git a/src/skin/images/dialog-bg.png b/src/skin/images/dialog-bg.png new file mode 100644 index 0000000..d5e436e Binary files /dev/null and b/src/skin/images/dialog-bg.png differ diff --git a/src/skin/images/msg.png b/src/skin/images/msg.png new file mode 100644 index 0000000..9fa0f38 Binary files /dev/null and b/src/skin/images/msg.png differ diff --git a/src/skin/images/phone-bg.png b/src/skin/images/phone-bg.png new file mode 100644 index 0000000..dd9c4d1 Binary files /dev/null and b/src/skin/images/phone-bg.png differ diff --git a/src/skin/images/phone.png b/src/skin/images/phone.png new file mode 100644 index 0000000..a86c024 Binary files /dev/null and b/src/skin/images/phone.png differ diff --git a/src/skin/images/success.png b/src/skin/images/success.png new file mode 100644 index 0000000..bbc7be1 Binary files /dev/null and b/src/skin/images/success.png differ diff --git a/src/skin/images/top.png b/src/skin/images/top.png new file mode 100644 index 0000000..f31c853 Binary files /dev/null and b/src/skin/images/top.png differ diff --git a/src/skin/images/wx-code.png b/src/skin/images/wx-code.png new file mode 100644 index 0000000..9aeb1f2 Binary files /dev/null and b/src/skin/images/wx-code.png differ diff --git a/src/skin/images/wx.png b/src/skin/images/wx.png new file mode 100644 index 0000000..b10e0f3 Binary files /dev/null and b/src/skin/images/wx.png differ diff --git a/src/skin/js/custom.js b/src/skin/js/custom.js index edd39cc..6d442d6 100644 --- a/src/skin/js/custom.js +++ b/src/skin/js/custom.js @@ -239,11 +239,43 @@ $(document).ready(function(e) { } google.maps.event.addDomListener(window, 'load', mapInitialize); } + }); $(window).load(function() { - + + $("#phone-tip").hover(function(){ + $("#phone-toast").css("display", "block"); + },function(){ + $("#phone-toast").css("display", "none"); + }); + + $("#wx-tip").hover(function(){ + $("#wx-toast").css("display", "block"); + },function(){ + $("#wx-toast").css("display", "none"); + }); + + $("#zx-tp").click(function(){ + $("#dialog-tip").css("display", "flex"); + }); + $("#tp-close").click(function(){ + $("#dialog-tip").css("display", "none"); + }); + + $('#tp-top').click(function(){ + $('body,html').animate({scrollTop:0}, 1000); + }) + + $('#tp-submit').click(function(){ + $("#tp-tip").css("display", "flex"); + setTimeout(function(){ + $("#tp-tip").css("display", "none"); + $("#dialog-tip").css("display", "none"); + }, 800) + }) + //remove page loader $('#page-loader').removeClass('active');