调整英文站部分样式不兼容问题
xcw
parent
fe2181cb8c
commit
408a975acf
|
|
@ -0,0 +1,64 @@
|
||||||
|
.nav ul li .nav-second {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
.nav ul li:nth-child(3) .nav-second {
|
||||||
|
width: 280px;
|
||||||
|
}
|
||||||
|
.all-title-box2 span {
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.about-box3 .box-info {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.product-title-box .product-item {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.service-box3 .box-info .pull-right {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marketing-box1 .box-info .pull-left p {
|
||||||
|
white-space: initial;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1024px) {
|
||||||
|
.nav ul li .nav-second {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav ul li:nth-child(3) .nav-second {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.product-title-box {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.product-title-box .product-item {
|
||||||
|
width: 50%;
|
||||||
|
border-bottom: 1px solid rgba(255,255,255,0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.marketing-box1 .box-info .pull-left p {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.product-title-box .product-item {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.about-box1 .disFlex {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.about-box2 .top-box {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.about-box2 .top-box .fr {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.about-box2 .top-box .fr span {
|
||||||
|
margin-left: 0;
|
||||||
|
width: 49%;
|
||||||
|
}
|
||||||
|
.about-box4 .swiper-btn span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,241 @@
|
||||||
|
window.onload;
|
||||||
|
$(window).resize(wah);
|
||||||
|
|
||||||
|
function wah() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
layui.use(['layer', 'form', 'element'], function(){
|
||||||
|
var layer = layui.layer,form = layui.form,element = layui.element;
|
||||||
|
});
|
||||||
|
|
||||||
|
$(window).scroll(function(event) {
|
||||||
|
if ($(window).scrollTop() > 0) {
|
||||||
|
$('.head-box').addClass('active');
|
||||||
|
} else {
|
||||||
|
$('.head-box').removeClass('active');
|
||||||
|
}
|
||||||
|
if ($(window).scrollTop() > 400) {
|
||||||
|
$('.gotop').fadeIn();
|
||||||
|
} else {
|
||||||
|
$('.gotop').fadeOut();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
$(window).on("load", function() {
|
||||||
|
setTimeout(function() {
|
||||||
|
$('.loading').fadeOut();
|
||||||
|
}, 4000)
|
||||||
|
})
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
|
||||||
|
$('.nav_btn').click(function() {
|
||||||
|
if ($('.nav_btn').attr('class') == 'nav_btn cur') {
|
||||||
|
$('.nav_btn').removeClass('cur');
|
||||||
|
$('.nav').removeClass('active');
|
||||||
|
$('body').css('overflow', 'inherit');
|
||||||
|
} else {
|
||||||
|
$('.nav_btn').addClass('cur');
|
||||||
|
$('.nav').addClass('active');
|
||||||
|
$('body').css('overflow', 'hidden');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$('.home-box1 .center-block li').hover(function(){
|
||||||
|
if($(this).attr('class') != 'active'){
|
||||||
|
$('.home-box1 .center-block li').removeClass('active').eq($(this).index()).addClass('active')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
$('.about-box2 .top-box .fr span').removeClass('active').eq(0).addClass('active')
|
||||||
|
$('.about-box2 .lower-box').hide().eq(0).show();
|
||||||
|
$('.about-box2 .top-box .fr span').click(function(){
|
||||||
|
if($(this).attr('class') != 'active'){
|
||||||
|
$('.about-box2 .top-box .fr span').removeClass('active').eq($(this).index()).addClass('active')
|
||||||
|
$('.about-box2 .lower-box').hide().eq($(this).index()).show();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
$('.about-box2 .lower-box').each(function(){
|
||||||
|
var that = $(this)
|
||||||
|
that.find('.pull-right ul li').removeClass('active').eq(0).addClass('active')
|
||||||
|
that.find('.pull-left ul li').hide().eq(0).show();
|
||||||
|
that.find('.pull-right ul li').click(function(){
|
||||||
|
if($(this).attr('class') != 'active'){
|
||||||
|
that.find('.pull-right ul li').removeClass('active').eq($(this).index()).addClass('active')
|
||||||
|
that.find('.pull-left ul li').hide().eq($(this).index()).show();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
$('.marketing-box2 .center-block ul li').each(function(){
|
||||||
|
var that = $(this)
|
||||||
|
that.find('.top-box').click(function(){
|
||||||
|
if(that.attr('class') != 'active'){
|
||||||
|
that.addClass('active')
|
||||||
|
that.find('.top-box .pull-right').text('Up')
|
||||||
|
that.find('.lower-box').stop(true,false).slideDown()
|
||||||
|
}else{
|
||||||
|
that.removeClass('active')
|
||||||
|
that.find('.top-box .pull-right').text('Open')
|
||||||
|
that.find('.lower-box').stop(true,false).slideUp()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
$('.about-box5 .video-box i').click(function(){
|
||||||
|
$(this).fadeOut()
|
||||||
|
$('.about-box5 .video-box').find('video').get(0).play()
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
$('.ewm_tc').click(function() {
|
||||||
|
$(this).fadeOut();
|
||||||
|
})
|
||||||
|
|
||||||
|
if ($(window).width() <= 768) {
|
||||||
|
$('.home-box1 .center-block li').addClass('active')
|
||||||
|
|
||||||
|
$('.nav ul li .nav-second a').click(function(){
|
||||||
|
$('.nav_btn').removeClass('cur');
|
||||||
|
$('.nav').removeClass('active');
|
||||||
|
$('body').css('overflow', 'inherit');
|
||||||
|
})
|
||||||
|
$('.nav ul li span.cur').each(function(){
|
||||||
|
$(this).find('a').append('<i></i>')
|
||||||
|
})
|
||||||
|
$('.nav ul li span.cur a i').click(function(){
|
||||||
|
return false
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$(".gotop").click(function() {
|
||||||
|
var anh = $("body").offset().top;
|
||||||
|
$("html,body").stop().animate({
|
||||||
|
scrollTop: anh
|
||||||
|
}, 1000);
|
||||||
|
scrollAnh = 0;
|
||||||
|
scrollNum = 0;
|
||||||
|
});
|
||||||
|
|
||||||
|
// 留言提交 中文
|
||||||
|
$('#message-submit').click(function () {
|
||||||
|
var companyName = $("#message-form input[name='company_name']").val();
|
||||||
|
var name = $("#message-form input[name='name']").val();
|
||||||
|
var phone = $("#message-form input[name='phone']").val();
|
||||||
|
var email = $("#message-form input[name='email']").val();
|
||||||
|
var content = $("#message-form textarea[name='content']").val();
|
||||||
|
var url = $("#message-form").data('action');
|
||||||
|
var token = $('#token').attr('content');
|
||||||
|
if(companyName.length == 0 && name.length == 0) {
|
||||||
|
layer.msg('公司名称和联系人署名至少需要填写一个');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(companyName.length > 0 && (companyName.length < 2 || companyName.length > 100)) {
|
||||||
|
layer.msg('司名称长度限制为2~100个字符');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(name.length > 0 && (name.length < 2 || name.length > 100)) {
|
||||||
|
layer.msg('联系人署名长度限制为2~100个字符');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(phone.length == 0 && email.length == 0) {
|
||||||
|
layer.msg('联系电话和邮箱至少需要填写一个');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(content.length == 0 || (content.length < 6 || content.length > 500)) {
|
||||||
|
layer.msg('请输入4 ~ 500字符的咨询事项内容');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
dataType: "json",
|
||||||
|
type: "post",
|
||||||
|
async:true,
|
||||||
|
url: url,
|
||||||
|
data: {
|
||||||
|
'company_name':companyName,
|
||||||
|
'name':name,
|
||||||
|
'phone':phone,
|
||||||
|
'email':email,
|
||||||
|
'content':content,
|
||||||
|
'_token':token,
|
||||||
|
},
|
||||||
|
success: function(data) {
|
||||||
|
if(data.code == 0) {
|
||||||
|
layer.msg('提交成功， 感谢您的反馈！');
|
||||||
|
$("#message-form input").val('');
|
||||||
|
$("#message-form textarea").val('');
|
||||||
|
} else {
|
||||||
|
layer.msg(data.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (data) {
|
||||||
|
layer.msg('提交失败，请稍后再试');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// 留言提交
|
||||||
|
$('#message-submit-en').click(function () {
|
||||||
|
var companyName = $("#message-form input[name='company_name']").val();
|
||||||
|
var name = $("#message-form input[name='name']").val();
|
||||||
|
var phone = $("#message-form input[name='phone']").val();
|
||||||
|
var email = $("#message-form input[name='email']").val();
|
||||||
|
var content = $("#message-form textarea[name='content']").val();
|
||||||
|
var url = $("#message-form").data('action');
|
||||||
|
var token = $('#token').attr('content');
|
||||||
|
if(companyName.length == 0 && name.length == 0) {
|
||||||
|
layer.msg('At least one company name and contact person signature must be entered');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(companyName.length > 0 && (companyName.length < 2 || companyName.length > 100)) {
|
||||||
|
layer.msg('The length of the company name is limited to 2~100 characters');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(name.length > 0 && (name.length < 2 || name.length > 100)) {
|
||||||
|
layer.msg('The length of the contact signature is limited to 2~100 characters');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(phone.length == 0 && email.length == 0) {
|
||||||
|
layer.msg('At least one contact number and email address need to be filled');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(content.length == 0 || (content.length < 6 || content.length > 500)) {
|
||||||
|
layer.msg('Please enter 4 ~ 500 characters for your inquiry');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
dataType: "json",
|
||||||
|
type: "post",
|
||||||
|
async:true,
|
||||||
|
url: url,
|
||||||
|
data: {
|
||||||
|
'company_name':companyName,
|
||||||
|
'name':name,
|
||||||
|
'phone':phone,
|
||||||
|
'email':email,
|
||||||
|
'content':content,
|
||||||
|
'_token':token,
|
||||||
|
},
|
||||||
|
success: function(data) {
|
||||||
|
if(data.code == 0) {
|
||||||
|
layer.msg('Successfully submitted, thank you for your feedback!');
|
||||||
|
$("#message-form input").val('');
|
||||||
|
$("#message-form textarea").val('');
|
||||||
|
} else {
|
||||||
|
layer.msg(data.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (data) {
|
||||||
|
layer.msg('Submission failed, please try again later');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
@ -21,6 +21,7 @@
|
||||||
<link rel="stylesheet" type="text/css" href="__CSS__/swiper.min.css" />
|
<link rel="stylesheet" type="text/css" href="__CSS__/swiper.min.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="__MANAGER__/layui/css/layui.css"/>
|
<link rel="stylesheet" type="text/css" href="__MANAGER__/layui/css/layui.css"/>
|
||||||
<link rel="stylesheet" type="text/css" href="__CSS__/style.css?v={$system.css_version}" />
|
<link rel="stylesheet" type="text/css" href="__CSS__/style.css?v={$system.css_version}" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="__CSS__/styleEn.css?v={$system.css_version}" />
|
||||||
|
|
||||||
<script src="__COMMON__/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="__COMMON__/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
|
||||||
<script src="__COMMON__/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="__COMMON__/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
|
@ -30,6 +31,6 @@
|
||||||
{:widget('menu/index', ['categoryId' => $categoryId, 'lang' => 'en'])}
|
{:widget('menu/index', ['categoryId' => $categoryId, 'lang' => 'en'])}
|
||||||
{__CONTENT__}
|
{__CONTENT__}
|
||||||
{:widget('footer/index', ['lang' => 'en'])}
|
{:widget('footer/index', ['lang' => 'en'])}
|
||||||
<script src="__JS__/script.js?v={$system.js_version}" type="text/javascript" charset="utf-8"></script>
|
<script src="__JS__/scriptEn.js?v={$system.js_version}" type="text/javascript" charset="utf-8"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue