预售页面样式优化

src/pages/index/presale.vue

@@ -71,12 +71,12 @@
             <image
               class="presale-img"
               src="/static/presale/presale.png"
-              style="width: 132rpx; height: 64rpx"
+              style="width: 132rpx; height: 64rpx; z-index: 10; margin-left: 18rpx"
             />
             <image
               class="preview-img"
               src="/static/presale/preview.png"
-              style="width: 264rpx; height: 40rpx"
+              style="width: 264rpx; height: 40rpx; z-index: 9"
             />
             <text class="pre-text">预计9月15日发货</text>
           </view>
@@ -104,12 +104,12 @@
             <image
               class="presale-img"
               src="/static/presale/presale.png"
-              style="width: 132rpx; height: 64rpx"
+              style="width: 132rpx; height: 64rpx; z-index: 10"
             />
             <image
               class="preview-img"
               src="/static/presale/preview.png"
-              style="width: 264rpx; height: 40rpx"
+              style="width: 264rpx; height: 40rpx; margin-left: 80rpx; z-index: 9"
             />
             <text class="pre-text">预计9月15日发货</text>
           </view>
@@ -375,11 +375,14 @@ page {
   color: #b3b3b3;
 }
 .presale-price {
+  left: 20rpx;
   display: block;
   margin-left: 60rpx;
   font-size: 30rpx;
   font-weight: bold;
   color: #ffffff;
+  position: relative;
+  z-index: 9;
 }
 .waterfall {
   display: flex;
@@ -442,6 +445,8 @@ page {
   margin-left: 100rpx;
   display: block;
   margin-top: -48rpx;
+  position: relative;
+  z-index: 10;
 }
 .pre-text {
   float: right;