1

src/pages/activity/activityMedia.vue

@@ -83,7 +83,6 @@ export default {
     });
     let methods = {
       previewImage(i) {
-        console.log(i);
         uni.previewImage({
           urls: data.preImg,
           current: i,

src/pages/course/feedback.vue

@@ -11,7 +11,7 @@
       <view
         v-for="(item, index) in dataList"
         :key="index"
-        class="list-item flex flex_between_center"
+        class="list-item"
         @click="jumpPage(item.FeedBackId)"
       >
         <view class="feedback-info flex flex_start_center">
@@ -29,20 +29,27 @@
           </view>
           <view class="feedback-all"> {{ item.CreatetimeStr }} </view>
         </view>
-        <view class="two_line feedback-text"> {{ item.Comment }}</view>
-        <view class="flex">
+        <view class="feedback-text"> {{ item.Comment }}</view>
+        <view class="flex flex_wrap">
           <view
             v-for="(item1, index1) in item.PhotoList"
             :key="index1"
             class="feedback-img"
+            v-if="index1 === 0 || index1 === 1 || index1 === 2"
+            @click="previewImage(item.PhotoList, index1)"
           >
             <image
               :src="item1"
               style="width: 100%; height: 100%"
+              mode="aspectFill"
               v-if="index1 === 0 || index1 === 1 || index1 === 2"
             />
             <view
-              class="layer flex flex_center_center"
+              class="layer"
+              v-if="item.PhotoList.length > 3 && index1 === 2"
+            ></view>
+            <view
+              class="layer2 flex flex_center_center"
               v-if="item.PhotoList.length > 3 && index1 === 2"
               >+{{ item.PhotoList.length - 3 }}</view
             >
@@ -106,6 +113,19 @@ export default {
           data.pageState = "none";
         }
       },
+      previewImage(arr, i) {
+        uni.previewImage({
+          urls: arr,
+          current: i,
+          longPressActions: {
+            itemList: ["发送给朋友", "保存图片", "收藏"],
+            success: function (data) {},
+            fail: function (err) {
+              console.log(err.errMsg);
+            },
+          },
+        });
+      },
     };
     let that = methods;
     onMounted(() => {
@@ -133,7 +153,7 @@ export default {
   background-color: #fff;
 }
 .list-item {
-  height: 430rpx;
+  /* height: 430rpx; */
   box-sizing: border-box;
   padding: 30rpx 0;
 }
@@ -171,7 +191,10 @@ export default {
   height: 210rpx;
   border-radius: 20rpx;
   background-color: #eee;
+  overflow: hidden;
   margin-right: 30rpx;
+  box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
+  position: relative;
 }
 .feedback-img:nth-child(3n) {
   margin-right: 0rpx !important;
@@ -179,10 +202,24 @@ export default {
 .layer {
   width: 100%;
   height: 100%;
+  border-radius: 20rpx;
   background-color: #cbd9ed;
+  position: absolute;
+  top: 0;
+  right: 0;
+  opacity: 0.5;
+}
+.layer2 {
+  width: 100%;
+  height: 100%;
+  border-radius: 20rpx;
   font-size: 36rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #111111;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 5;
 }
 </style>
\ No newline at end of file