调整英文站部分样式不兼容问题
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="__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__/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__/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
|
@ -30,6 +31,6 @@
|
|||
{:widget('menu/index', ['categoryId' => $categoryId, 'lang' => 'en'])}
|
||||
{__CONTENT__}
|
||||
{: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>
|
||||
</html>
|
||||
Loading…
Reference in New Issue