样式优化

src/components/index/OtherSearch.vue

@@ -28,7 +28,7 @@ function back() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .search {
   width: 710rpx;
   height: 80rpx;

src/components/index/Search.vue

@@ -28,7 +28,7 @@ function back() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .search {
   position: absolute;
   width: 710rpx;

src/pages/index/presale.vue

@@ -51,7 +51,7 @@
               width: 284rpx;
               height: 128rpx;
               float: right;
-              margin-top: -100rpx;
+              margin-top: -98rpx;
               margin-right: 30rpx;
             "
           />
@@ -71,12 +71,19 @@
             <image
               class="presale-img"
               src="/static/presale/presale.png"
-              style="width: 132rpx; height: 64rpx; z-index: 10; margin-left: 18rpx"
+              style="
+                width: 132rpx;
+                height: 64rpx;
+                z-index: 10;
+                margin-left: 18rpx;
+                top: -70rpx;
+                left: -14rpx;
+              "
             />
             <image
               class="preview-img"
               src="/static/presale/preview.png"
-              style="width: 264rpx; height: 40rpx; z-index: 9"
+              style="width: 264rpx; height: 40rpx; z-index: 9; top: -70rpx"
             />
             <text class="pre-text">预计9月15日发货</text>
           </view>
@@ -104,12 +111,12 @@
             <image
               class="presale-img"
               src="/static/presale/presale.png"
-              style="width: 132rpx; height: 64rpx; z-index: 10"
+              style="width: 132rpx; height: 64rpx; z-index: 10; top: -70rpx"
             />
             <image
               class="preview-img"
               src="/static/presale/preview.png"
-              style="width: 264rpx; height: 40rpx; margin-left: 80rpx; z-index: 9"
+              style="width: 264rpx; height: 40rpx; z-index: 9; top: -66rpx"
             />
             <text class="pre-text">预计9月15日发货</text>
           </view>
@@ -306,8 +313,8 @@ page {
   margin-left: -60rpx;
 }
 .tabs {
-  width: 355px;
-  height: 38px;
+  width: 750rpx;
+  height: 76rpx;
   margin-top: -64rpx;
   margin-left: 20rpx;
   border-radius: 8px 8px 0px 0px;
@@ -463,8 +470,9 @@ page {
   line-height: 14px;
   color: #ffffff;
   position: relative;
-  left: -40rpx;
+  left: -60rpx;
   z-index: 999;
+  top: -60rpx;
 }
 .cart-floating {
   position: fixed;