From e2018140943f2bfe669426ddf427c9ddf7f123f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=BF=B7=E5=92=8C=E6=B2=B9?= <2249412933@qq.com> Date: Mon, 12 May 2025 15:37:24 +0800 Subject: [PATCH] =?UTF-8?q?style=EF=BC=9Acategory=20=E5=92=8C=E4=BA=A7?= =?UTF-8?q?=E5=93=81=E8=AF=A6=E6=83=85=E5=92=8C=E8=AF=A6=E6=83=85=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/index/view/article/detail.html | 19 +++++++++++++++++++ app/index/view/product/detail.html | 14 +++++++++++++- public/static/index/css/achievement.css | 8 +++++++- public/static/index/css/article_detail.css | 1 - public/static/index/css/category.css | 3 +++ public/static/index/css/product_detail.css | 2 +- public/static/index/css/topic_nas_help.css | 12 ++++++------ 7 files changed, 49 insertions(+), 10 deletions(-) diff --git a/app/index/view/article/detail.html b/app/index/view/article/detail.html index ea195d5c..728e0948 100644 --- a/app/index/view/article/detail.html +++ b/app/index/view/article/detail.html @@ -101,6 +101,25 @@ } }) }) + // 滚动到猜你喜欢部分，右边提交信息不固定 + $(window).scroll(function() { + // 获取元素引用 + const blogContent = $('.blog_content'); + const rightSidebar = $('.orico_Page_articleDetail .articleDetailMain .atmright'); + + // 计算 blog_content 底部位置 + const contentBottom = blogContent.offset().top + blogContent.outerHeight(); + + // 计算视口底部位置 + const windowBottom = $(window).scrollTop() + $(window).height(); + + // 当视口底部超过 blog_content 底部时 + if (windowBottom >= contentBottom) { + rightSidebar.css('position', 'static'); // 移除固定定位 + } else { + rightSidebar.css('position', 'fixed'); // 恢复固定定位 + } + }); }) function shareCustomers(){ // 复制到粘贴板 diff --git a/app/index/view/product/detail.html b/app/index/view/product/detail.html index 6c43d3ee..2f7beff9 100644 --- a/app/index/view/product/detail.html +++ b/app/index/view/product/detail.html @@ -120,7 +120,7 @@
- {:lang('product_detail.detail_section_title')} + {:lang('product_detail.detail_section_title')} | {:lang('product_detail.related_products')}
@@ -284,6 +284,18 @@ } }) }); + // 产品详情切换 + $('.titleprinfo a').click(function(e) { + e.preventDefault(); + $('.titleprinfo a').removeClass('checkshow'); + $(this).addClass('checkshow'); + var targetId = $(this).attr('href'); + if($(targetId).length) { + $('html, body').animate({ + scrollTop: $(targetId).offset().top + }, 500); + } + }); }); {/block} \ No newline at end of file diff --git a/public/static/index/css/achievement.css b/public/static/index/css/achievement.css index 157e8bc0..dc4669e6 100755 --- a/public/static/index/css/achievement.css +++ b/public/static/index/css/achievement.css @@ -191,6 +191,11 @@ .orico_Page_achievement .achievementMain .tech .techcontent .techcon div { width: 50%; } +.orico_Page_achievement .achievementMain .tech .techcontent .techcon .tech-img{ + display: flex; + align-items: center; + justify-content: center; +} .orico_Page_achievement .achievementMain .tech .techcontent .techcon .text img { margin-top: 5rem; margin-left: 4.0625rem; @@ -218,5 +223,6 @@ font-family: inherit; } .orico_Page_achievement .achievementMain .tech .techcontent .techcon .tech-img img { - margin: 1.5625rem 0 1.5625rem 1.5625rem; + margin: 1.5625rem; + width: -webkit-fill-available; } diff --git a/public/static/index/css/article_detail.css b/public/static/index/css/article_detail.css index 002358f5..f94abeda 100755 --- a/public/static/index/css/article_detail.css +++ b/public/static/index/css/article_detail.css @@ -12,7 +12,6 @@ margin: 0 auto; display: flex; flex-direction: row; - align-items: center; margin-top: 2.6rem; } .orico_Page_articleDetail .articleDetailMain .atmleft { diff --git a/public/static/index/css/category.css b/public/static/index/css/category.css index 3b8e5438..3a633c45 100644 --- a/public/static/index/css/category.css +++ b/public/static/index/css/category.css @@ -18,6 +18,9 @@ height: 100%; object-fit: cover; } +.orico_Page_products span{ + font-size: 24px; +} .orico_Page_products p, .orico_Page_products a, .orico_Page_products div, .orico_Page_products span { font-family: "Microsoft YaHei", "Arial", sans-serif; } diff --git a/public/static/index/css/product_detail.css b/public/static/index/css/product_detail.css index f876a71a..b84fb16c 100755 --- a/public/static/index/css/product_detail.css +++ b/public/static/index/css/product_detail.css @@ -378,7 +378,7 @@ padding-bottom: 1rem; cursor: pointer; } -.orico_Page_prdetail .oriprdetail .oriprInfo .titleprinfo a:first-child{ +.orico_Page_prdetail .oriprdetail .oriprInfo .titleprinfo a.checkshow{ color:#009FDF; } .orico_Page_prdetail .oriprdetail .oriprInfo .products_des { diff --git a/public/static/index/css/topic_nas_help.css b/public/static/index/css/topic_nas_help.css index 5373a51d..b67a0e2e 100755 --- a/public/static/index/css/topic_nas_help.css +++ b/public/static/index/css/topic_nas_help.css @@ -96,7 +96,7 @@ } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit { - width: 27.7%; + width: 27.4%; padding: 2.25rem; background: #fafafa; border-radius: 8px; @@ -171,16 +171,16 @@ } .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w { - width: 44.5%; + width: 44.1%; } - .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w:last-child { + /* .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w:last-child { margin-right: 0; - } + } */ - .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit:nth-child(3n) { + /* .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit:nth-child(3n) { margin-right: 0; - } + } */ .narshelpCenterPc .lxwmtitle { margin: 0 auto;