TBtools-商品评论页图片预览

htmldev/TBTools/src/views/modules/tools/tools-feedback.vue

@@ -60,38 +60,14 @@ export default {
   data () {
     return {
       dataForm: {
-        productId: '602950702411' // 602950702411
+        productId: '' // 602950702411
       },
       rules: {
         productId: [
           { required: true, message: '请输入商品ID', trigger: 'blur' }
         ]
       },
-      dataList: [
-        {
-          'feedback': '整体评价：五星好评 手感好 干净的图案 有点灰的感觉 尺寸贴合：非常贴合 看图 外观设计：简洁大气 适合女生 保护情况：保护的很好 正面有点高于屏幕 产品材质：软硅胶 手感非常好 尺寸大小：手机尺寸 十分贴合 ',
-          'feedbackDate': '2020-06-15',
-          'userNick': '冰**u',
-          'skuMap': {
-            '颜色分类': 'p30pro薰衣草灰-雏菊'
-          },
-          'feedPicList': [
-            '//img.alicdn.com/imgextra/i1/0/O1CN019Nw9NV295NT5zRXqu_!!0-rate.jpg',
-            '//img.alicdn.com/imgextra/i1/0/O1CN01ir3w4w295NT7Ndik6_!!0-rate.jpg',
-            '//img.alicdn.com/imgextra/i3/0/O1CN01GhEOaJ295NT7Nezhr_!!0-rate.jpg',
-            '//img.alicdn.com/imgextra/i2/0/O1CN01ru9O8k295NT9KIa2Y_!!0-rate.jpg',
-            '//img.alicdn.com/imgextra/i4/0/O1CN01J6GOLH295NTBooCtq_!!0-rate.jpg'],
-          'readCount': '127',
-          'video': {
-            'cloudVideoUrl': 'http://cloud.video.taobao.com/play/u/646d30322f65384d7542324863796e465144724e34673d3d/p/1/d/hd/e/6/t/1/268710728263.mp4',
-            'coverUrl': 'https://img.alicdn.com/imgextra/i2/O1CN01y6TCSm27sGVp5u5bx_!!2-tbbala.png',
-            'sourceVideoUrl': 'http://pingjia.alicdn.com/default/KiDGDzmIlIcQ1mCTKm1.mp4',
-            'status': '1',
-            'videoId': '268710728263',
-            'videoVoice': 'true'
-          }
-        }
-      ], // 评价列表
+      dataList: [], // 评价列表
       pageIndex: 1,
       pageSize: 10,
       totalPage: 0,
@@ -187,21 +163,19 @@ $--color-primary: #3E8EF7;
       word-break: break-all;
     }
 
-    //.img-wrap {
-    //  display: flex;
-    //  flex-flow: row wrap;
-    //  margin-top: 10px;
-    //
-    //  /deep/ .el-image {
-    //    margin-top: 10px;
-    //    margin-right: 10px;
-    //
-    //    img {
-    //      width: 100px;
-    //      height: 100px;
-    //    }
-    //  }
-    //}
+    .img-wrap {
+      display: flex;
+      flex-flow: row wrap;
+
+      /deep/ .el-image {
+        .el-image__inner {
+          width: 100px;
+          height: 100px;
+          margin-right: 10px;
+          margin-top: 10px;
+        }
+      }
+    }
 
     .video-wrap {
       width: 50%;

htmldev/TBTools/src/views/modules/tools/tools-online.vue

@@ -297,7 +297,6 @@ export default {
   },
   methods: {
     handleClick (tab, event) {
-      console.log(tab, event)
     },
     handleSelect (key, keyPath) {
       this.activeIndex = key