style

src/components/category.vue

@@ -108,6 +108,7 @@ export default class extends Vue {
         flex-grow: 1;
         cursor: pointer;
         padding-right: 1.6rem;
+        text-align: center;
         &.curr,
         &:hover {
           background: #ffddd3;

src/lang/en.ts

@@ -218,8 +218,8 @@ export default {
       },
       mall: {
         category: "classification",
-        comprehensiveSort: "Comprehensive sorting",
-        newProducts: "New products",
+        comprehensiveSort: "Comprehensive",
+        newProducts: "New",
         price: "Price",
         minPrice: "Minimum price",
         maxPrice: "Highest price",

src/views/mall/index.vue

@@ -217,7 +217,7 @@ export default class extends Vue {
     .category {
       background: #fff;
       border-radius: 4px;
-      height: 218px;
+      // height: 218px;
       overflow: hidden;
       .dalei {
         height: 58px;
@@ -266,8 +266,9 @@ export default class extends Vue {
         overflow: scroll;
         box-sizing: border-box;
         .block {
+          // border: 1px red solid;
           width: 337px;
-          height: 80px;
+          height: 110px;
           // margin: 30px 60px 0 20px;
           margin-left: 20px;
           margin-right: 24px;
@@ -276,11 +277,11 @@ export default class extends Vue {
           padding-top: 20px;
           box-sizing: border-box;
           > span {
-            width: 6rem;
+            width: 80px;
             display: inline-block;
           }
           .items {
-            width: 260px;
+            width: 250px;
 
             overflow: hidden;
 
@@ -305,6 +306,7 @@ export default class extends Vue {
       margin-top: 20px;
       padding: 0 20px;
       border-radius: 4px;
+      overflow: hidden;
       input {
         border-radius: 4px;
         height: 36px;

src/views/shops/details/index.vue

@@ -172,11 +172,12 @@ export default class extends Vue {
     line-height: 40px;
     .nav {
       color: #fff;
-      height: 100%;
+
       display: inline-block;
-      width: 120px;
+
       text-align: center;
       border-left: 1px solid #ff672e;
+      padding: 0 20px;
       &:last-child {
         border-right: 1px solid #ff672e;
       }

src/views/shops/details/products.vue

@@ -123,6 +123,11 @@ export default class extends Vue {
           display: inline-block;
           margin: 20px 0;
           color: rgb(51, 51, 52);
+          white-space: nowrap;
+          overflow: hidden;
+          width: 100%;
+          text-overflow: ellipsis;
+          text-align: center;
         }
         .pay {
           border: 1px solid #fd5522;