fix:商品区块图片变形问题

src/pages/commodity/productWillCheck/index.less

-.step0Description{
-  text-align: left;
-  width: 280px;
-  margin: 0 auto;
-  list-style-type: decimal;
-  li{
-    color: #6B778C;
-    font-size: 14px;
-  }
-}
-.step1Description{
-  h4{
-    height:22px;
-    font-size:14px;
-    font-weight:500;
-    color:rgba(23,43,77,1);
-    line-height:22px;
-  }
-  p{
-    height:20px;
-    font-size:14px;
-    font-weight:400;
-    color:rgba(107,119,140,1);
-    line-height:20px;
-  }
-}
-
-
-//图片画廊
-.picture-card-box{
-  margin-bottom: 30px;
-  // display: flex; 
-  .card-add-box{
-    width: 196px;
-    height: 196px;
-    border:1px solid rgba(235,236,240,1);
-    box-sizing: border-box;
-    background:rgba(250,251,252,1);
-    cursor: pointer;
-    p{
-      margin-top: 70px;
-      text-align: center;
-      height: 24px;
-      line-height: 24px;
-      color: #6B778C;
-    }
-  }
-  .card-box{
-    width: 196px;
-    height: 196px;
-    padding: 20px;
-    margin-right: 24px;
-    border:1px solid rgba(235,236,240,1);
-    box-sizing: border-box;
-    .content-box{
-      position: relative;
-      width: 100%;
-      height: 100%;
-      img{
-        display: block;
-        width: 100%;
-        height: 100%;
-      }
-      p{
-        display: none;
-        position: absolute;
-        right: -16px;
-        bottom: -16px;
-        margin: 0;
-        Button{
-          color: #fff;
-          background:rgba(0,0,0,0.45);
-          border-radius:4px;
-          margin: 4px;
-        }
-      }
-      &:hover{
-        p{
-          display: block;
-        }
-      }
-    }
-  }
-}
-
-.ml20{
-  margin-left: 20px;
-}
-
-// 商品描述
-
-.descript-box{
-  position: relative;
-  width: 790px;
-  margin: 24px auto;
-  border:1px solid rgba(235,236,240,1);
-  text-align: center;
-  color:rgba(151,160,175,1);
-  height: 128px;
-  p{
-    height: 128px;
-    line-height: 128px;
-  }
-  .pVideo, .middleAddBtn{
-    height: 44px;
-    line-height: 1.5;
-    position: absolute;
-    top:50%;
-    left:50%;
-    transform: translate(-50%, -50%);
-  }
-  .right-btn{
-    position: absolute;
-    top: 0;
-    right: 0;
-    Button{
-      display: block;
-      width:36px;
-      height:36px;
-      background:rgba(250,251,252,1);
-      border-color: #ebecf0;
-      border-radius: 0px;
-      border-top: none;
-      border-right: none;
-    }
-  }
-}
-
-
-// 商品详情
-.description-box{
-  margin: 24px;
-  padding: 12px 0;
-  border:1px solid rgba(235,236,240,1);
-  display: flex;
-  justify-content: left;
-  .imgItem{
-    width:104px;
-    height:104px;
-    margin-left: 16px;
-    border:1px solid rgba(235,236,240,1);
-  }
-  p{
-    padding: 16px;
-  }
-}
-.product-img-box{
-  margin: 24px;
-  padding: 12px 0;
-  display: flex;
-  justify-content: left;
-  .imgItem{
-    width:104px;
-    height:104px;
-    margin-right: 16px;
-    border:1px solid rgba(235,236,240,1);
-    .pic{
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-.pruduct-status{
-  display: inline-block;
-  width:58px;
-  height:24px;
-  line-height: 24px;
-  text-align: center;
-  background:rgba(235,247,242,1);
-  border-radius:4px;
-  color:rgba(0,179,122,1);
-}
-
-// 修改单价
-.site-input-right {
-  border-left-width: 0;
-}
-
-.site-input-right:hover,
-.site-input-right:focus {
-  border-left-width: 1px;
-}
-
-.site-input-right {
-  border-right-width: 0;
-}
-
-.site-input-right:hover,
-.site-input-right:focus {
-  border-right-width: 1px;
-}
\ No newline at end of file

src/pages/commodity/productWillCheck/index.tsx

@@ -9,7 +9,6 @@ import {
 import { StandardTable } from 'god'
 import { ColumnType } from 'antd/lib/table/interface'
 import moment from 'moment'
-// import styles from "./index.less"
 import { PublicApi } from '@/services/api'
 import EyePreview from '@/components/EyePreview'
 

src/pages/commodity/products/index.less

@@ -139,9 +139,14 @@
     height:180px;
     margin-left: 16px;
     border:1px solid rgba(235,236,240,1);
+    position: relative;
     img{
-      width: 100%;
-      height: 100%;
+      max-width: 100%;
+      max-height: 100%;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%); 
     }
   }
   .videoItem{
@@ -171,9 +176,14 @@
     height:104px;
     margin-right: 16px;
     border:1px solid rgba(235,236,240,1);
+    position: relative;
     .pic{
-      width: 100%;
-      height: 100%;
+      max-width: 100%;
+      max-height: 100%;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%); 
     }
   }
 }