fix: 调整店铺装修页面

xinkeaboard-admin/src/pages/decorate/pc/pcdecorate.less

@@ -558,7 +558,6 @@ a {
   -webkit-box-orient: vertical;
   word-wrap: break-word;
   word-break: normal;
-  display: inline-block;
 }
 
 .adv_04_wrap .floor_goods .item .wrap .title a {

xinkeaboard-web/assets/style/decorate.scss

@@ -57,9 +57,8 @@
 }
 
 .adv_01_img {
-  max-width: 100%;
-  max-height: 100%;
-  width:100%
+  width:100%;
+  height: 100%;
 }
 
 .modal_tip_color {
@@ -1037,6 +1036,11 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
+
+    &-wrap {
+      width: 232px;
+      height: 232px;
+    }
   }
 }
 
@@ -1046,8 +1050,9 @@
 }
 
 .adv_04_wrap .floor_goods .item .wrap img {
-  width: 232px;
-  height: 232px;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
   display: block;
 }
 
@@ -1526,7 +1531,7 @@
 
 .adv_11 .adv_11_wrap .item {
   float: left;
-  height: 535px;
+  height: 550px;
   position: relative;
 }
 
@@ -1609,6 +1614,10 @@
 /* adv_11-end */
 
 /* adv_12-start */
+.adv-12 {
+  width: 1440px;
+  margin: 0 auto;
+}
 .adv_12 .adv_12_wrap {
   width: 100%;
   position: relative;
@@ -1618,9 +1627,9 @@
 
 .adv_12 .adv_12_wrap .item {
   float: left;
-  width: 396px;
-  background-color: #ffffff;
-  height: 450px;
+  width: 472px;
+  background-color: #FFFFFF;
+  height: 535px;
   padding: 10px;
   position: relative;
   box-sizing: border-box;
@@ -1639,8 +1648,8 @@
 }
 
 .adv_12 .adv_12_wrap .item .l_img {
-  width: 396px;
-  height: 450px;
+  width: 472px;
+  height: 535px;
   display: block;
   overflow: hidden;
   position: relative;
@@ -1705,8 +1714,9 @@
 }
 
 .adv_12 .adv_12_wrap .item a img {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .adv_12 .adv_12_wrap .item a span {
@@ -1722,8 +1732,8 @@
 
 .adv_12 .adv_12_wrap .item.center a {
   float: left;
-  width: 183px;
-  height: 210px;
+  width: 220px;
+  height: 250px;
   margin-bottom: 10px;
   display: block;
 }
@@ -1754,8 +1764,8 @@
 }
 
 .adv_12 .adv_12_wrap .item.right .title_wrap {
-  height: 50px;
-  line-height: 50px;
+  height: 60px;
+  line-height: 60px;
   position: relative;
 }
 
@@ -1777,22 +1787,22 @@
 }
 
 .adv_12 .adv_12_wrap .item.right .img_top {
-  width: 376px;
-  height: 180px;
+  width: 450px;
+  height: 215px;
   margin: 10px 0px;
   position: relative;
 }
 
 .adv_12 .adv_12_wrap .item.right .img_bottom {
   position: relative;
-  width: 376px;
-  height: 180px;
+  width: 450px;
+  height: 220px;
 }
 
 .adv_12 .adv_12_wrap .item.right .img_bottom a {
   float: left;
-  width: 183px;
-  height: 180px;
+  width: 220px;
+  height: 215px;
   position: relative;
   text-align: center;
 }
@@ -1804,6 +1814,18 @@
 /* adv_12-end */
 
 /* adv_13-start */
+.adv_13 {
+  width: 1440px;
+  height: 550px;
+  margin: 0 auto;
+  
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+
 .adv_13 .adv_13_wrap {
   width: 100%;
   position: relative;
@@ -1813,9 +1835,9 @@
 
 .adv_13 .adv_13_wrap .item {
   float: left;
-  width: 396px;
+  width: 470px;
   background-color: #ffffff;
-  height: 450px;
+  height: 100%;
   padding: 10px;
   position: relative;
   box-sizing: border-box;
@@ -1835,8 +1857,8 @@
 }
 
 .adv_13 .adv_13_wrap .item .l_img {
-  width: 396px;
-  height: 450px;
+  width: 480px;
+  height: 550px;
   display: block;
   overflow: hidden;
   position: relative;
@@ -1901,8 +1923,9 @@
 }
 
 .adv_13 .adv_13_wrap .item a img {
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .adv_13 .adv_13_wrap .item a span {
@@ -1918,8 +1941,8 @@
 
 .adv_13 .adv_13_wrap .item.center a {
   float: left;
-  width: 183px;
-  height: 210px;
+  width: 220px;
+  height: 215px;
   margin-bottom: 10px;
   display: block;
 }
@@ -1950,8 +1973,8 @@
 }
 
 .adv_13 .adv_13_wrap .item.right .title_wrap {
-  height: 50px;
-  line-height: 50px;
+  height: 60px;
+  line-height: 60px;
   position: relative;
 }
 
@@ -1973,23 +1996,23 @@
 }
 
 .adv_13 .adv_13_wrap .item.right .img_top {
-  width: 376px;
-  height: 180px;
-  margin: 10px 0px;
+  width: 450px;
+  height: 215px;
+  margin: 20px 0px;
   position: relative;
   overflow: hidden;
 }
 
 .adv_13 .adv_13_wrap .item.right .img_bottom {
   position: relative;
-  width: 376px;
-  height: 180px;
+  width: 460px;
+  height: 215px;
 }
 
 .adv_13 .adv_13_wrap .item.right .img_bottom a {
   float: left;
-  width: 183px;
-  height: 180px;
+  width: 220px;
+  height: 215px;
   position: relative;
   text-align: center;
 }

xinkeaboard-web/components/SldDiy.vue

@@ -3,7 +3,7 @@
     <div v-for="(item, index) in decorateData.data" v-bind:key="index">
       <el-carousel
               v-if="item.json_data && item.json_data.type == 'main_banner'"
-              height="457px"
+              height="520px"
               arrow="never"
       >
         <el-carousel-item
@@ -158,16 +158,17 @@
                   target="_blank"
                   :to="'/goods/detail/'+ calcProductName(item_main.goodsName) +'_'+ item_main.productId"
               >
-                <img v-bind:src="item_main.mainImage" />
+                <div class="wrap-img-wrap">
+                  <img v-bind:src="item_main.mainImage" />
+                </div>
                 <p class="title">
                   <a href="javascript:void(0)" title>{{ item_main.goodsName }}</a>
                 </p>
-                <!--              <p class="price">-->
-                <!--                <span>-->
-
-                <!--                  <span class="money_number">{{ item_main.goodsMoney || '面议' }}</span>-->
-                <!--                </span>-->
-                <!--              </p>-->
+                <!-- <p class="price" v-if="item_main.goodsMoney">
+                    <span>
+                      <span class="money_number">{{ item_main.goodsMoney || '面议' }}</span>
+                    </span>
+                </p> -->
               </router-link>
 
             </div>