Browse Source

优化图片显示

lex-wxl 4 days ago
parent
commit
0308e2f559

+ 5 - 1
miniprogram/pages/index/index.less

@@ -417,7 +417,11 @@ page {
   .video-section {
     position: relative;
     width: 100%;
-    padding-top: 56.25%;
+    // padding-top: 56.25%;
+    image {
+      box-shadow: 4rpx 8rpx 24rpx 1rpx rgba(96, 168, 223, 0.45);
+      border-radius: 24rpx;
+    }
   }
   .videoItem {
     position: absolute;

+ 13 - 0
miniprogram/pages/index/index.ts

@@ -518,6 +518,19 @@ Page({
       },
     });
   },
+  onPreivewDetailImg2(e: { currentTarget: { dataset: any } }) {
+    wx.previewImage({
+      current: e.currentTarget.dataset.src,
+      urls: [
+        "https://oss.dayaedu.com/ktyq/03/1772461866051.png",
+      ],
+      success: () => {
+        this.setData({
+          isFromPreviewImage: true,
+        });
+      },
+    });
+  },
   onPreivewGoodsImg(e: { currentTarget: { dataset: any } }) {
     wx.previewImage({
       current: e.currentTarget.dataset.src,

+ 4 - 2
miniprogram/pages/index/index.wxml

@@ -80,10 +80,12 @@
               </view>
               <view class="titleVideoSection">
                 <view class="video-section">
-                  <video object-fit="contain" show-center-play-btn="{{false}}" picture-in-picture-mode="[]" controls="{{titleControls}}" bindplay="onTitlePlay" class="videoItem" id="titleVideo" src="https://oss.dayaedu.com/ktyq/1733395673461fc6123ca.mp4"></video>
+                  <!-- <video object-fit="contain" show-center-play-btn="{{false}}" picture-in-picture-mode="[]" controls="{{titleControls}}" bindplay="onTitlePlay" class="videoItem" id="titleVideo" src="https://oss.dayaedu.com/ktyq/1733395673461fc6123ca.mp4"></video> -->
+                  <!-- <image id="type2" mode="widthFix" src="https://oss.dayaedu.com/ktyq/1739353862133.png" data-src="https://oss.dayaedu.com/ktyq/1739353862133.png"></image> -->
+                  <image mode="widthFix" bind:tap="onPreivewDetailImg2" src="https://oss.dayaedu.com/ktyq/03/1772461866051.png" data-src="https://oss.dayaedu.com/ktyq/03/1772461866051.png" />
                 </view>
 
-                <image wx:if="{{!titleControls}}" bind:tap="onTItleVideoPlay" src="./images/icon-video.png" class="icon-video"></image>
+                <!-- <image wx:if="{{!titleControls}}" bind:tap="onTItleVideoPlay" src="./images/icon-video.png" class="icon-video"></image> -->
               </view>
               <view class="content2">实践知真章,合作学校仅用两节课便完成母亲节主题演奏</view>
             </view>