浏览代码

修复:PC访问H5端商品主图尺寸不正常

萤火科技 1 年之前
父节点
当前提交
f5f7093572
共有 2 个文件被更改,包括 36 次插入 和 16 次删除
  1. 30 4
      pages/checkout/style.scss
  2. 6 12
      pages/goods/components/SlideImage.vue

+ 30 - 4
pages/checkout/style.scss

@@ -117,10 +117,6 @@
   }
 
   .coupon-list {
-    /* #ifdef H5 */
-    max-width: 1120rpx;
-    margin: 0 auto;
-    /* #endif */
     padding: 40rpx 30rpx;
   }
 
@@ -489,6 +485,36 @@
   }
 }
 
+// 门店自提联系人
+.flow-extract-contact {
+  padding: 8rpx 24rpx;
+  font-size: 28rpx;
+  color: #444;
+  margin-bottom: 25rpx;
+
+  .contact-item {
+    padding: 20rpx 0;
+    border-bottom: 1rpx solid rgb(248, 248, 248);
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .item-label {
+    margin-right: 26rpx;
+    width: 150rpx;
+  }
+
+  .item-ipt .input {
+    font-size: 28rpx;
+
+    .input-placeholder {
+      font-size: 28rpx;
+    }
+  }
+}
+
 // 自定义radio
 .my-radio {
   display: flex;

+ 6 - 12
pages/goods/components/SlideImage.vue

@@ -6,9 +6,9 @@
       <!-- 主图视频 -->
       <swiper-item v-if="video">
         <view class="slide-video">
-          <video id="myVideo" class="video" :poster="videoCover ? videoCover.preview_url : ''" :src="video.external_url" controls x5-playsinline playsinline
-            x5-video-player-type="h5" x5-video-player-fullscreen x5-video-orientation="portrait" :enable-progress-gesture="false"
-            @play="onVideoPlay"></video>
+          <video id="myVideo" class="video" :poster="videoCover ? videoCover.preview_url : ''" :src="video.external_url" controls
+            x5-playsinline playsinline x5-video-player-type="h5" x5-video-player-fullscreen x5-video-orientation="portrait"
+            :enable-progress-gesture="false" @play="onVideoPlay"></video>
         </view>
       </swiper-item>
       <!-- 轮播图片 -->
@@ -51,7 +51,7 @@
     },
     data() {
       return {
-        indicatorDots: true, // 是否显示面板指示点
+        indicatorDots: false, // 是否显示面板指示点
         autoplay: true, // 是否自动切换
         interval: 4000, // 自动切换时间间隔
         duration: 800, // 滑动动画时长
@@ -96,14 +96,8 @@
   }
 
   .swiper-box {
-    width: 100%;
-    height: 100vw;
-
-    /* #ifdef H5 */
-    max-width: 480px;
-    max-height: 480px;
-    margin: 0 auto;
-    /* #endif */
+    width: 750rpx;
+    height: 750rpx;
 
     // 主图视频
     .slide-video {