style:category 和产品详情和详情样式调整
This commit is contained in:
@@ -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(){
|
||||||
// 复制到粘贴板
|
// 复制到粘贴板
|
||||||
|
|||||||
@@ -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}
|
||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user