优化ui，公司背景，底部导航栏图标，筛选功能，详情导航栏，单位

pages/product-detail/components/SizeChart.vue

@@ -3,6 +3,8 @@
   <view class="chart-wrap">
     <view class="header-row">
       <text class="title">产品尺码</text>
+      <!-- 单位小字：设计稿 1566-1160，11px Medium 黑 50%，与标题底对齐 -->
+      <text class="unit">单位：cm</text>
     </view>
 
     <view class="table">
@@ -50,10 +52,10 @@ export default {
   background: #ffffff;
 }
 
-/* 标题行：产品尺码 + 单位 */
+/* 标题行：产品尺码（左） + 单位（右），按文字基线对齐（字下边界齐平） */
 .header-row {
   display: flex;
-  align-items: center;
+  align-items: baseline;
   margin-bottom: 20rpx; /* 10px */
 }
 .title {
@@ -61,6 +63,15 @@ export default {
   color: #000000;
   line-height: 33rpx;
 }
+/* 单位小字：紧接标题右侧（不靠右对齐），11px → 21rpx，行高 17px → 33rpx，黑色 50% 透明 */
+.unit {
+  margin-left: 12rpx;
+  font-size: 21rpx;
+  font-weight: 500;
+  color: #000000;
+  opacity: 0.5;
+  line-height: 33rpx;
+}
 /* 表格 */
 .table {
   display: flex;