56 lines
1.1 KiB
CSS
56 lines
1.1 KiB
CSS
/* 产品详情页 - 页面容器样式 */
|
|
/* 各区块样式在 pages/product-detail/components/ 下对应组件的 <style scoped> 中 */
|
|
|
|
.detail-page {
|
|
min-height: 100vh;
|
|
background: #ffffff;
|
|
}
|
|
|
|
/* 自定义导航栏（UI-0014）：固定顶部白底，状态栏占位 + 44px 导航行 */
|
|
.nav-bar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: #ffffff;
|
|
z-index: 999;
|
|
}
|
|
.nav-inner {
|
|
position: relative;
|
|
height: 44px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
/* 返回按钮：44px 命中区，箭头用 CSS 边框绘制，无需图标资源 */
|
|
.nav-back {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 44px;
|
|
height: 44px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.nav-back-arrow {
|
|
width: 18rpx;
|
|
height: 18rpx;
|
|
border-left: 4rpx solid #000000;
|
|
border-bottom: 4rpx solid #000000;
|
|
transform: rotate(45deg);
|
|
margin-left: 8rpx;
|
|
}
|
|
.nav-title {
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
color: #000000;
|
|
}
|
|
|
|
/* 区块之间的灰色分隔条：390x6px #F5F5F5 */
|
|
.section-divider {
|
|
width: 100%;
|
|
height: 12rpx; /* 6px */
|
|
background: #f5f5f5;
|
|
}
|