diff --git a/src/assets/img/contact.png b/src/assets/img/contact.png index 6396e01..fd15ac7 100644 Binary files a/src/assets/img/contact.png and b/src/assets/img/contact.png differ diff --git a/src/components/QRCode/index.vue b/src/components/QRCode/index.vue index 23a1303..cebbd81 100644 --- a/src/components/QRCode/index.vue +++ b/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; diff --git a/src/views/Index/components/CaseDetails/index.vue b/src/views/Index/components/CaseDetails/index.vue index 455d718..27f723c 100644 --- a/src/views/Index/components/CaseDetails/index.vue +++ b/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%; diff --git a/src/views/Index/components/HardwareDetails/index.vue b/src/views/Index/components/HardwareDetails/index.vue index e18bb89..c709cc6 100644 --- a/src/views/Index/components/HardwareDetails/index.vue +++ b/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%;