组件2

src/components/business/group-title.vue

@@ -30,7 +30,6 @@ export default {
   display: flex;
   flex-direction: row;
   span {
-    // display: flex;
     padding: px2rem(20px) 0 px2rem(15px);
     font-size: px2rem(18px);
     font-weight: 500;

src/components/business/show-all-item.vue

 <template>
-  <section >
-      <span></span>
-      <span @click="showAllItem">{{noMoreText}}</span>
+  <section class="show-wrapper">
+    <article class="show-wrapper-all" :class="{'border-top': showTopBorder}">
+        <span class="show-wrapper-all-item" @click="showAllItem">{{noMoreText}}</span>
+    </article>
   </section>
 </template>
 <script>
 export default {
   data() {
-      return {
-        noMoreText: '查看全部'
-      }
+    return {
+
+    }
   },
   props: {
+    showTopBorder: {
+      type: Boolean,
+      default: true
+    },
+    noMoreText: {
+      type: String,
+      default: '查看全部'
+    },
     showIndex: {
       type: Number,
       default: 0
@@ -28,5 +37,24 @@ export default {
 <style lang="scss" scoped>
 @import '../../style/mixin.scss';
 // @import '../../style/global.scss';
-
+.show-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  &-all {
+    height: px2rem(40px);
+    width: px2rem(345px);
+    &-item {
+      display: block;
+      margin-top: px2rem(11px);
+      text-align: center;
+      font-size: px2rem(11px);
+      color: #999999;
+    }
+  }
+}
+.border-top {
+    border-top: px2rem(1px) solid rgba(240,240,240,1);
+}
 </style>

src/views/result.vue

@@ -21,15 +21,15 @@
           <mt-tab-container v-model="selected">
             <mt-tab-container-item id="0">
               <!-- 课程 -->
-              <SplitLine borderWidth="3px"/>
+              <!-- <SplitLine borderWidth="3px"/> -->
               <!-- 五分钟医学 -->
-              <SplitLine borderWidth="3px"/>
+              <!-- <SplitLine borderWidth="3px"/> -->
               <!-- 讲师 -->
-              <SplitLine borderWidth="3px"/>
+              <!-- <SplitLine borderWidth="3px"/> -->
               <!-- 健康漫画 -->
-              <ShowAllItem/>
               <NoMoreItem/>
               <GroupTitle/>
+              <ShowAllItem/>
             </mt-tab-container-item>
             <mt-tab-container-item id="1">
               bbbb