首页样式

mallApp/src/pages/home/recent.vue

@@ -150,21 +150,27 @@ export default {
   padding: 48upx 0 80upx 40upx;
 }
 .shop-list_box {
-  padding: 0 60upx;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
+  padding: 0 20upx;
+  // display: flex;
+  // align-items: center;
+  // justify-content: space-between;
+  // flex-wrap: wrap;
   & > view {
-    width: 100upx;
+    width: 150upx;
     margin: 0 10upx;
     margin-bottom: 70upx;
+    display: inline-block;
+    text-align: center;
+    vertical-align: top;
     & > .tit {
       vertical-align: middle;
       display: inline-block;
       text-align: center;
       margin-top: 30upx;
       width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     & > image {
       display: inline-block;