style:category 和产品详情和详情样式调整

This commit is contained in:
2025-05-12 15:37:24 +08:00
parent a066ae8b04
commit 16baf8bd1d
7 changed files with 49 additions and 10 deletions

View File

@@ -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(){ function shareCustomers(){
// 复制到粘贴板 // 复制到粘贴板

View File

@@ -120,7 +120,7 @@
<!-- 产品介绍详情--> <!-- 产品介绍详情-->
<div class="oriprInfo"> <div class="oriprInfo">
<div class="titleprinfo"> <div class="titleprinfo">
<a href="#detail">{:lang('product_detail.detail_section_title')}</a> <a href="#detail" class="checkshow">{:lang('product_detail.detail_section_title')}</a>
<span>|</span> <span>|</span>
<a href="#related">{:lang('product_detail.related_products')}</a></div> <a href="#related">{:lang('product_detail.related_products')}</a></div>
<!-- 富文本渲染--> <!-- 富文本渲染-->
@@ -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);
}
});
}); });
</script> </script>
{/block} {/block}

View File

@@ -191,6 +191,11 @@
.orico_Page_achievement .achievementMain .tech .techcontent .techcon div { .orico_Page_achievement .achievementMain .tech .techcontent .techcon div {
width: 50%; 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 { .orico_Page_achievement .achievementMain .tech .techcontent .techcon .text img {
margin-top: 5rem; margin-top: 5rem;
margin-left: 4.0625rem; margin-left: 4.0625rem;
@@ -218,5 +223,6 @@
font-family: inherit; font-family: inherit;
} }
.orico_Page_achievement .achievementMain .tech .techcontent .techcon .tech-img img { .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;
} }

View File

@@ -12,7 +12,6 @@
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
margin-top: 2.6rem; margin-top: 2.6rem;
} }
.orico_Page_articleDetail .articleDetailMain .atmleft { .orico_Page_articleDetail .articleDetailMain .atmleft {

View File

@@ -18,6 +18,9 @@
height: 100%; height: 100%;
object-fit: cover; 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 { .orico_Page_products p, .orico_Page_products a, .orico_Page_products div, .orico_Page_products span {
font-family: "Microsoft YaHei", "Arial", sans-serif; font-family: "Microsoft YaHei", "Arial", sans-serif;
} }

View File

@@ -378,7 +378,7 @@
padding-bottom: 1rem; padding-bottom: 1rem;
cursor: pointer; cursor: pointer;
} }
.orico_Page_prdetail .oriprdetail .oriprInfo .titleprinfo a:first-child{ .orico_Page_prdetail .oriprdetail .oriprInfo .titleprinfo a.checkshow{
color:#009FDF; color:#009FDF;
} }
.orico_Page_prdetail .oriprdetail .oriprInfo .products_des { .orico_Page_prdetail .oriprdetail .oriprInfo .products_des {

View File

@@ -96,7 +96,7 @@
} }
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit { .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit {
width: 27.7%; width: 27.4%;
padding: 2.25rem; padding: 2.25rem;
background: #fafafa; background: #fafafa;
border-radius: 8px; border-radius: 8px;
@@ -171,16 +171,16 @@
} }
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w { .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; margin-right: 0;
} } */
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit:nth-child(3n) { /* .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit:nth-child(3n) {
margin-right: 0; margin-right: 0;
} } */
.narshelpCenterPc .lxwmtitle { .narshelpCenterPc .lxwmtitle {
margin: 0 auto; margin: 0 auto;