123

src/components/QRCode/index.vue

@@ -17,8 +17,8 @@ const swiperStore = useSwiperStore()
   position: fixed;
   left: 80px;
   bottom: 60px;
-  width: 185px;
-  height: 392px;
+  width: 167px;
+  height: 386px;
   background: url(../../assets/img/contact.png) no-repeat;
   background-size: 100% 100%;
   z-index: 999;
@@ -28,8 +28,8 @@ const swiperStore = useSwiperStore()
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
-  width: 185px;
-  height: 392px;
+  width: 167px;
+  height: 386px;
   background: url(../../assets/img/contact.png) no-repeat;
   background-size: 100% 100%;
   z-index: 999;

src/views/Index/components/CaseDetails/index.vue

@@ -253,8 +253,13 @@ const handleScroll = e => {
               }
             }
             .header_intro {
+              position: sticky;
+              top: -0.5px;
+              left: 0;
+              right: 0;
+              width: 100%;
+              padding: 0 25px;
               height: 80px;
-              padding: 0 43px;
               display: flex;
               justify-content: space-between;
               align-items: center;
@@ -262,6 +267,7 @@ const handleScroll = e => {
               font-family: DFPYuanW7-GB;
               box-sizing: border-box;
               font-weight: 400;
+              border: none;
               z-index: 333;
               background: linear-gradient(90deg, #283fe7, #4b17e1);
               color: #fafafa;
@@ -294,7 +300,7 @@ const handleScroll = e => {
               overflow-x: auto;
               .detail_header {
                 position: sticky;
-                top: 0;
+                top: -0.5px;
                 left: 0;
                 right: 0;
                 width: 100%;

src/views/Index/components/HardwareDetails/index.vue

@@ -254,8 +254,14 @@ const handleScroll = e => {
               }
             }
             .header_intro {
+              position: sticky;
+              top: -0.5px;
+              left: 0;
+              right: 0;
+              width: 100%;
+              padding: 0 25px;
               height: 80px;
-              padding: 0 43px;
+              border: none;
               display: flex;
               justify-content: space-between;
               align-items: center;
@@ -295,7 +301,7 @@ const handleScroll = e => {
               overflow-x: auto;
               .detail_header {
                 position: sticky;
-                top: 0;
+                top: -0.5px;
                 left: 0;
                 right: 0;
                 width: 100%;