反馈修改-2-1017

master
Lee 2022-10-17 16:13:28 +08:00
parent 0fc39f5a72
commit b08fce3078
4 changed files with 25 additions and 26 deletions

View File

@ -1366,7 +1366,7 @@
} }
.activities-detail-txt .rich-txt-added { .activities-detail-txt .rich-txt-added {
width: calc(100% - 556px); width: 100%;
} }
.activities-detail-txt .rich-img { .activities-detail-txt .rich-img {
@ -2663,7 +2663,7 @@
} }
/* 手机端样式 */ /* 手机端样式 */
@media screen and (max-width:980px) { @media screen and (max-width:1024px) {
body { body {
padding-top: .9rem; padding-top: .9rem;
} }
@ -3177,6 +3177,7 @@
.news-service .new-list>.swiper .title { .news-service .new-list>.swiper .title {
font-size: .28rem; font-size: .28rem;
max-height: 1.22rem;
} }
.news-service .new-list>.swiper .info { .news-service .new-list>.swiper .info {

View File

@ -1,11 +1,23 @@
$(function(){ $(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'); $('.header').addClass('header-white');
}else{ }else{
$(window).scroll(function(){ $(window).scroll(function(){
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if(scrollTop > 10){ if(scrollTop > 30){
$('.header').addClass('header-white'); $('.header').addClass('header-white');
} else { } else {
$('.header').removeClass('header-white'); $('.header').removeClass('header-white');
@ -57,7 +69,7 @@ $(function(){
window.location.href = $(this).data('url'); window.location.href = $(this).data('url');
} }
}) })
if(window.innerWidth <= 980){ if(window.innerWidth <= 1024){
// 公司新闻切换 // 公司新闻切换
var newsSwiper = new Swiper('.new-list>.swiper',{ var newsSwiper = new Swiper('.new-list>.swiper',{
loop:true,//开启循环播放 loop:true,//开启循环播放
@ -110,7 +122,7 @@ $(function(){
} }
// 尾部导航 // 尾部导航
if(window.innerWidth <= 980){ if(window.innerWidth <= 1024){
$(document).on('click','.foot-left>.item>a',function() { $(document).on('click','.foot-left>.item>a',function() {
if(!$(this).parent().hasClass('active')){ if(!$(this).parent().hasClass('active')){
$('.foot-left>.item').removeClass('active'); $('.foot-left>.item').removeClass('active');
@ -204,7 +216,7 @@ $(function(){
// 友邻市集活动切换 // 友邻市集活动切换
if($('.market-swiper').length){ if($('.market-swiper').length){
if(window.innerWidth > 980){ if(window.innerWidth > 1024){
var marketSwiper = new Swiper('.market-swiper',{ var marketSwiper = new Swiper('.market-swiper',{
loop:true,//开启循环播放 loop:true,//开启循环播放
autoplay: {//开启自动播放 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() { $(document).on('click','.head .head-btn',function() {
if ($('.head .head-btn').attr('class') == 'head-btn cur') { if ($('.head .head-btn').attr('class') == 'head-btn cur') {
$('.head .head-btn').removeClass('cur'); $('.head .head-btn').removeClass('cur');
@ -266,7 +264,7 @@ $(function(){
} }
// 手机端二级导航 // 手机端二级导航
if(window.innerWidth <= 980){ if(window.innerWidth <= 1024){
if($('.sub-nav-bg').length){ if($('.sub-nav-bg').length){
let parentWidth = $('.sub-nav-bg').width(); let parentWidth = $('.sub-nav-bg').width();
let offsetLeft = $('.sub-nav>.active').offset().left; let offsetLeft = $('.sub-nav>.active').offset().left;

View File

@ -30,7 +30,7 @@ $childrenMenu = Category::getChildrenByParentId($topCategoryId);
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</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> <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> <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> <a href="{$category['url'] ?: $category['route']}" class="back-btn wap-show flex">返回列表</a>

View File

@ -44,8 +44,8 @@ $items = Article::getList(Category::CATEGORY_MARKET_SERVICE, $category['number']
{foreach $serviceImages as $k => $service} {foreach $serviceImages as $k => $service}
<a href="{$service.link ?: 'javascript:;'}" class="market-item bg-col-f5"> <a href="{$service.link ?: 'javascript:;'}" class="market-item bg-col-f5">
<span><img src="{$service.src}" alt="{$service.alt ?? ''}"></span> <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> <h2>{$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> <p class="capitalize color-66 pc-show">{$service.desc ?? ''}</p>
</a> </a>
{/foreach} {/foreach}
{/if} {/if}