新增商品详情页小程序快速跳转，以及修改楼层装修样式

pages/product/product/style.scss

@@ -1,7 +1,7 @@
 .red {
     color: $jd-color;
 }
-page{
+page {
     background: #fff;
 }
 .num-icon {
@@ -48,7 +48,7 @@ page{
         font-size: 22rpx;
     }
 }
-.desc-blod {
+.desc-bold {
     flex: 8;
     font-weight: 700;
     color: #262626;
@@ -72,7 +72,7 @@ page{
     justify-content: space-between;
     align-items: center;
 }
-.favorite {
+.icons,.favorite {
     flex: 1;
     font-size: 22rpx;
     color: #262626;
@@ -127,45 +127,68 @@ page{
 }
 
 .headerRow {
+    height: 44px; //默认uni navbar就是44px
     display: flex;
+    align-items: center;
     width: 100%;
     background: #fff !important;
-    > div {
-        flex: 1;
-    }
+
     > .headerList {
         flex: 8;
     }
     justify-content: space-between;
 }
 
-.scoll-hide {
+.scroll-hide {
     opacity: 0;
     transition: all 0.5s;
 }
 .cur {
-    color: #333;
-    
-    border-bottom: 6rpx solid $main-color;
+    color: $main-color;
 }
-.header {
+.cur::after {
+    content: "";
+    height: 6rpx;
+
+    background: $main-color;
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+}
+
+.header-only-back {
+    background: transparent;
+}
+.header,
+.header-only-back {
+    padding-left: 10rpx;
     position: fixed;
     top: var(--status-bar-height);
     width: 100%;
-
     z-index: 8;
     height: 90rpx;
-    line-height: 90rpx;
     font-size: 30rpx;
     transition: all 0.5s;
+}
+/deep/ .u-navbar {
+    padding-left: 10rpx;
+}
+.nav-item {
+    flex: 2;
+    position: relative;
+    justify-content: center;
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+.header {
     color: #666666;
     background-color: #fff;
-
     .tab-bar {
         width: 100%;
         color: #666;
         font-weight: 400;
-
         view {
             padding: 0 3px;
         }
@@ -214,14 +237,32 @@ page{
 }
 
 .main-page {
-    height: calc(100% - var(--status-bar-height)) ;
+    height: calc(100% - var(--status-bar-height));
     overflow: hidden;
 }
+.icon-back {
+    padding-right: 10rpx;
+}
+.icon-list {
+    border-left: 2rpx solid rgb(194, 194, 194);
+    padding-left: 10rpx;
+}
+.backs,
+.bg-back {
+    width: 150rpx;
+    border: 2rpx solid #e8e8e8;
+    border-radius: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 8rpx 0;
+}
+.bg-back {
+    background: rgba($color: #fff, $alpha: 0.8);
+}
 .backs {
-    // width: 150rpx;
     text-align: center;
     font-size: 42rpx;
-    line-height: 90rpx;
 }
 
 .headerImg {
@@ -253,8 +294,6 @@ page {
 }
 
 .product-container {
-    // background: #f0f0f0;
-
     .header-line {
         height: 1px;
         background: #f2f2f2;
@@ -265,12 +304,12 @@ page {
         z-index: 999;
         transition: all 0.5s;
 
-        &.scoll-hide {
+        &.scroll-hide {
             background: none;
         }
     }
 
-    .scoll-page {
+    .scroll-page {
         width: 100%;
         height: 100%;
     }
@@ -328,7 +367,7 @@ page {
     height: 60rpx;
     line-height: 60rpx;
     position: fixed;
-    margin-top: calc( 10px);
+    margin-top: calc(10px);
     z-index: 8;
     width: 100%;
 
@@ -337,12 +376,6 @@ page {
     }
 }
 
-.u-mode-light-error {
-    background: #ffebec !important;
-    padding: 8rpx 16rpx;
-    font-size: 20rpx;
-}
-
 .showBox {
     width: 100%;
     height: 90rpx;
@@ -363,7 +396,7 @@ page {
     }
 }
 
-.status_bar{
+.status_bar {
     background: #fff;
     height: var(--status-bar-height);
-}
+}