前台提交

src/main/vue/src/pagesPre/Index.vue

@@ -162,7 +162,8 @@ window.onresize = function () {
 import goodsLittle from '../components/GoodsLittle'
 import menuFoot from '../pagesPre/MenuFoot'
 import { mapState } from 'vuex'
-import moment from 'moment/min/moment-with-locales'
+import moment from 'moment'
+import 'moment/locale/zh-cn'
 export default {
     name: 'home',
     data() {

src/main/vue/src/pagesPre/Product.vue

@@ -9,37 +9,41 @@
         </el-breadcrumb>
 
         <div class="goods">
-            <div class="goodsImg" :style="{backgroundImage:'url('+shopInfo.icon+')'}"></div>
-            <div class="goodsInfo">
-                <div class="title">
-                    <div class="name">{{shopInfo.storeName}}</div>
-                    <img src="../assetsPre/location_pre.png" alt="">
-                    <div class="address">{{shopInfo.citye}}</div>
-                </div>
-                <div class="titlesub">
-                    {{shopInfo.description}}
-                </div>
-                <div class="subtitle">
-                    <span>响应时间 :</span>
-                    <span>{{shopInfo.responseTime}}分钟</span>
-                </div>
-                <div class="subtitle">
-                    <span>返片率 :</span>
-                    <span>{{shopInfo.reworkRate}}%</span>
-                </div>
+            <div class="goodsImg" :style="{backgroundImage:'url('+item.image+')'}">
 
-                <div class="collection">
-                    <img src="../assetsPre/Star.png" alt="">
-                    <span>收藏店铺</span>
-                </div>
+            </div>
+            <div class="shop">
+                <div class="goodsInfo">
+                    <div class="title">
+                        <div class="name">{{shopInfo.storeName}}</div>
+                        <img src="../assetsPre/location_pre.png" alt="">
+                        <div class="address">{{shopInfo.citye}}</div>
+                    </div>
+                    <div class="titlesub">
+                        {{shopInfo.description}}
+                    </div>
+                    <div class="subtitle">
+                        <span>响应时间 :</span>
+                        <span>{{shopInfo.responseTime}}分钟</span>
+                    </div>
+                    <div class="subtitle">
+                        <span>返片率 :</span>
+                        <span>{{shopInfo.reworkRate}}%</span>
+                    </div>
+
+                    <div class="collection">
+                        <img src="../assetsPre/Star.png" alt="">
+                        <span>收藏店铺</span>
+                    </div>
 
-                <div class="ask">
-                    <img src="../assetsPre/kefu.png" alt="">
-                    <span>在线咨询</span>
+                    <div class="ask">
+                        <img src="../assetsPre/kefu.png" alt="">
+                        <span>在线咨询</span>
+                    </div>
                 </div>
+                <img src="../assetsPre/levelA.png" alt="" class="level">
             </div>
 
-            <img src="../assetsPre/levelA.png" alt="" class="level">
         </div>
 
         <div class="goodsList">
@@ -163,6 +167,7 @@ export default {
     margin: auto;
     width: 1146px;
     overflow: hidden;
+    height: 270px;
     padding: 22px;
     position: relative;
     font-size: 0;
@@ -172,6 +177,13 @@ export default {
     border-radius: 4px;
     border: 1px solid rgba(234, 234, 234, 1);
 
+    .shop {
+        width: 375px;
+        display: inline-block;
+        height: 274px;
+        vertical-align: middle;
+    }
+
     .level {
         display: inline-block;
         vertical-align: top;
@@ -180,7 +192,6 @@ export default {
     }
 
     .goodsImg {
-        width: 360px;
         height: 268px;
         border-radius: 4px;
         background-position: center center;
@@ -195,7 +206,6 @@ export default {
         vertical-align: middle;
         margin-left: 24px;
         height: 268px;
-        width: 700px;
         overflow: hidden;
         position: relative;
     }