组件

.vscode/settings.json

+{
+    "editor.fontSize": 18
+}
\ No newline at end of file

src/components/business/group-title.vue

 <template>
-  <section>
-      <span>{{groupTitle}}({{groupNum}})</span>
+  <section class="group-title">
+      <span class="group-title-name">{{groupTitle}} ({{groupNum}})</span>
   </section>
 </template>
 <script>
@@ -25,6 +25,16 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../style/mixin.scss';
-// @import '../../style/global.scss';
-
+.group-title {
+  margin-left: px2rem(15px);
+  display: flex;
+  flex-direction: row;
+  span {
+    // display: flex;
+    padding: px2rem(20px) 0 px2rem(15px);
+    font-size: px2rem(18px);
+    font-weight: 500;
+    color: #28344C;
+  }
+}
 </style>

src/components/business/no-more-item.vue

 <template>
-  <section>
-      <span>-</span>
-      <span>{{noMoreText}}</span>
-      <span>-</span>
+  <section class="no-more">
+      <span class="no-more-sub"></span>
+      <span class="no-more-text">{{noMoreText}}</span>
+      <span class="no-more-sub"></span>
   </section>
 </template>
 <script>
@@ -17,6 +17,23 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../style/mixin.scss';
-// @import '../../style/global.scss';
-
+.no-more {
+  display: flex;
+  height: px2rem(41px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background:rgba(248,248,248,1);
+  &-sub {
+    width: px2rem(13px);
+    // height: px2rem(26px);
+    border: px2rem(1px) solid rgba(200,200,200,1);
+    border-top: 0;
+  }
+  &-text {
+    padding: 0 px2rem(4px);
+    font-size: px2rem(11px);
+    color: #B3B3B3;
+  }
+}
 </style>