超市

src/components/service-list/commodity-card.vue

@@ -87,14 +87,14 @@ export default {
   height: 208px;
   background-color: #ffffff;
   box-shadow: 0px 3px 6px 0px rgba(15, 19, 65, 0.04);
-  border-radius: 12px 12px 8px 8px;
+  border-radius: 8px;
   border: solid 1px #e3e4ef;
-  margin-bottom: 16px;
+  margin-bottom: 24px;
 }
 .com_cell_up {
   height: 88px;
   background-color: #f9fafc;
-  border-radius: 12px 12px 0px 0px;
+  border-radius: 8px 8px 0px 0px;
   padding: 16px;
   display: flex;
   position: relative;
@@ -186,7 +186,7 @@ export default {
   color: #e15260;
 }
 .com_cell_down {
-  padding: 12px 16px 16px;
+  padding: 12px 16px 0 16px;
 }
 .com_detail {
   color: #8890a7;

src/components/service-list/commodity-cell.vue

@@ -100,7 +100,7 @@ export default {
   box-shadow: 0px 3px 6px 0px rgba(15, 19, 65, 0.04);
   border-radius: 12px 12px 8px 8px;
   border: solid 1px #e3e4ef;
-  margin-bottom: 16px;
+  margin-bottom: 24px;
 }
 .com_cell_up {
   height: 88px;
@@ -197,7 +197,7 @@ export default {
   color: #e15260;
 }
 .com_cell_down {
-  padding: 12px 16px 16px;
+  padding: 12px 16px 0 16px;
 }
 .com_detail {
   color: #8890a7;

src/components/service-list/service_list.vue

@@ -35,7 +35,7 @@
             class="classification_line_if"
             v-if="item.childDomains && item.childDomains.length != 0"
           >
-            <div class="classification_line_title">{{ item.name }}：</div>
+            <div class="classification_line_title">{{ item.name }}<span class="maohao">：</span></div>
             <!-- <div
               :class="
                 index == filterLists.length - 1
@@ -120,7 +120,7 @@
                   @click="clickOpen(index)"
                 >
                   <span v-if="openList[index] == 'down'">收起</span>
-                  <span v-if="openList[index] == 'up'">展开</span>
+                  <span v-if="openList[index] == 'up'">更多</span>
                   <i
                     v-if="openList[index] == 'down'"
                     class="el-icon-caret-top"
@@ -666,10 +666,11 @@ export default {
 }
 .classification_line_title {
   display: inline-block;
-  width: 130px;
+  width: 90px;
   padding: 15px 0;
-  text-align: right;
+  text-align: left;
   color: #8890a7;
+  font-size: 12px;
 }
 .classification_line_items {
   width: calc(100% - 130px);
@@ -678,7 +679,7 @@ export default {
   border-bottom: 1px #e9ecf3 solid;
 }
 .classification_line_hid {
-  height: 50px;
+  height: 46px;
   width: 100%;
   overflow: hidden;
   display: inline-flex;
@@ -697,7 +698,7 @@ export default {
 .classification_line_items_li {
   display: inline-block;
   padding: 15px 20px;
-  font-size: 14px;
+  font-size: 12px;
 }
 .classification_line_items_li_act {
   background-color: #fbfbfb;
@@ -730,6 +731,7 @@ export default {
   width: 60px;
   padding: 15px 0;
   cursor: pointer;
+  font-size: 12px;
 }
 .classification_children_ul {
   display: inline-block;

src/components/service-list/service_shop_menu.vue

@@ -121,18 +121,24 @@ export default {
 	border-radius: 8px;
 }
 .service_shop_menu_list > li {
-  padding: 16px 10px 8px 22px;
+  box-sizing: border-box;
+  height: 40px;
+  padding: 8px 0 0 22px;
+  margin-bottom: 16px;
   font-size: 15px;
   line-height: 24px;
   cursor: pointer;
 }
+.service_shop_menu_list > li:nth-last-child(1) {
+  margin-bottom: 0;
+}
 .service_shop_menu_list > li:hover,
 .service_shop_menu_list > li.current {
   background-color: rgba(242, 246, 253, 0.4);
   color: #515fe7;
 }
 .menu_img {
-  width: 25px;
+  width: 24px;
   margin-right: 6px;
 }
 .menu_item {