反馈修改-2-1017
parent
0fc39f5a72
commit
b08fce3078
|
|
@ -1366,7 +1366,7 @@
|
|||
}
|
||||
|
||||
.activities-detail-txt .rich-txt-added {
|
||||
width: calc(100% - 556px);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.activities-detail-txt .rich-img {
|
||||
|
|
@ -2663,7 +2663,7 @@
|
|||
}
|
||||
|
||||
/* 手机端样式 */
|
||||
@media screen and (max-width:980px) {
|
||||
@media screen and (max-width:1024px) {
|
||||
body {
|
||||
padding-top: .9rem;
|
||||
}
|
||||
|
|
@ -3177,6 +3177,7 @@
|
|||
|
||||
.news-service .new-list>.swiper .title {
|
||||
font-size: .28rem;
|
||||
max-height: 1.22rem;
|
||||
}
|
||||
|
||||
.news-service .new-list>.swiper .info {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,23 @@
|
|||
$(function(){
|
||||
// 执行加载动画
|
||||
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
|
||||
var wow = new WOW({
|
||||
boxClass: 'wow', /* 执行动画的元素 class */
|
||||
animateClass: 'animated', /* animate.css 动画的 class */
|
||||
offset: 10, /* 距离可视区域多少开始执行动画 */
|
||||
mobile: true, /* 是否在移动设备执行动画 */
|
||||
live: true /* 异步加载的内容是否有效 */
|
||||
});
|
||||
wow.init();
|
||||
};
|
||||
|
||||
// 滑动页面更改头部效果
|
||||
if(window.innerWidth <= 980){
|
||||
if(window.innerWidth <= 1024){
|
||||
$('.header').addClass('header-white');
|
||||
}else{
|
||||
$(window).scroll(function(){
|
||||
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
if(scrollTop > 10){
|
||||
if(scrollTop > 30){
|
||||
$('.header').addClass('header-white');
|
||||
} else {
|
||||
$('.header').removeClass('header-white');
|
||||
|
|
@ -57,7 +69,7 @@ $(function(){
|
|||
window.location.href = $(this).data('url');
|
||||
}
|
||||
})
|
||||
if(window.innerWidth <= 980){
|
||||
if(window.innerWidth <= 1024){
|
||||
// 公司新闻切换
|
||||
var newsSwiper = new Swiper('.new-list>.swiper',{
|
||||
loop:true,//开启循环播放
|
||||
|
|
@ -110,7 +122,7 @@ $(function(){
|
|||
}
|
||||
|
||||
// 尾部导航
|
||||
if(window.innerWidth <= 980){
|
||||
if(window.innerWidth <= 1024){
|
||||
$(document).on('click','.foot-left>.item>a',function() {
|
||||
if(!$(this).parent().hasClass('active')){
|
||||
$('.foot-left>.item').removeClass('active');
|
||||
|
|
@ -204,7 +216,7 @@ $(function(){
|
|||
|
||||
// 友邻市集活动切换
|
||||
if($('.market-swiper').length){
|
||||
if(window.innerWidth > 980){
|
||||
if(window.innerWidth > 1024){
|
||||
var marketSwiper = new Swiper('.market-swiper',{
|
||||
loop:true,//开启循环播放
|
||||
autoplay: {//开启自动播放
|
||||
|
|
@ -230,22 +242,8 @@ $(function(){
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 执行加载动画
|
||||
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
|
||||
var wow = new WOW({
|
||||
boxClass: 'wow', /* 执行动画的元素 class */
|
||||
animateClass: 'animated', /* animate.css 动画的 class */
|
||||
offset: 10, /* 距离可视区域多少开始执行动画 */
|
||||
mobile: true, /* 是否在移动设备执行动画 */
|
||||
live: true /* 异步加载的内容是否有效 */
|
||||
});
|
||||
wow.init();
|
||||
};
|
||||
|
||||
// 手机导航按钮
|
||||
if(window.innerWidth <= 980){
|
||||
if(window.innerWidth <= 1024){
|
||||
$(document).on('click','.head .head-btn',function() {
|
||||
if ($('.head .head-btn').attr('class') == 'head-btn cur') {
|
||||
$('.head .head-btn').removeClass('cur');
|
||||
|
|
@ -266,7 +264,7 @@ $(function(){
|
|||
}
|
||||
|
||||
// 手机端二级导航
|
||||
if(window.innerWidth <= 980){
|
||||
if(window.innerWidth <= 1024){
|
||||
if($('.sub-nav-bg').length){
|
||||
let parentWidth = $('.sub-nav-bg').width();
|
||||
let offsetLeft = $('.sub-nav>.active').offset().left;
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ $childrenMenu = Category::getChildrenByParentId($topCategoryId);
|
|||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<!-- 标题 -->
|
||||
<div class="detai-title detai-title-cloumn">
|
||||
<div class="detai-title">
|
||||
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$item.title}</h1>
|
||||
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$item.sub_title}</div>
|
||||
<a href="{$category['url'] ?: $category['route']}" class="back-btn wap-show flex">返回列表</a>
|
||||
|
|
|
|||
|
|
@ -44,8 +44,8 @@ $items = Article::getList(Category::CATEGORY_MARKET_SERVICE, $category['number']
|
|||
{foreach $serviceImages as $k => $service}
|
||||
<a href="{$service.link ?: 'javascript:;'}" class="market-item bg-col-f5">
|
||||
<span><img src="{$service.src}" alt="{$service.alt ?? ''}"></span>
|
||||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$service.title ?? ''}</h2>
|
||||
<p class="capitalize color-66 pc-show wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$service.desc ?? ''}</p>
|
||||
<h2>{$service.title ?? ''}</h2>
|
||||
<p class="capitalize color-66 pc-show">{$service.desc ?? ''}</p>
|
||||
</a>
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
|
|
|||
Loading…
Reference in New Issue