'全国校区'

components/common/titleContent.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="title-content">
+    <h2 class="title">{{ title }}</h2>
+    <div class="title-sub">{{ titleSub }}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TitleContent',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    titleSub: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.title-content {
+  .title {
+    font-size: 34px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-weight: 600;
+    color: #262626;
+  }
+  .title-sub {
+    text-align: center;
+    margin-top: 10px;
+    font-size: 16px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #646A7E;
+    line-height: 26px;
+  }
+}
+</style>

pages/merchants/campus/_id.vue

@@ -15,10 +15,7 @@
 
     <!-- 校区 -->
     <div class="town one">
-      <div class="title-content w1200">
-        <h2 class="title">{{ getCity(type).name || '' }}</h2>
-        <div class="title-sub">{{ getCity(type).pingy || '' }} CAMPUS</div>
-      </div>
+      <title-content class="w1200" :title="getCity(type).name || ''" :titleSub="getCity(type).pingy || ''"></title-content>
       <div class="town-content w1200">
         <h3 class="town-title">逻辑狗·搜索小镇</h3>
         <div class="town-content-info">
@@ -50,10 +47,7 @@
 
     <!-- 校区环境/精彩活动 -->
     <div class="environment">
-      <div class="title-content w1200">
-        <h2 class="title">校区环境</h2>
-        <div class="title-sub">WONDERFUL ACTIVITY</div>
-      </div>
+      <title-content class="w1200" :title="'校区环境'" :titleSub="getCity(type).pingy || ''"></title-content>
       <div class="main-wrap w1200">
         <div class="e-content">
           <div class="e-content-left">
@@ -75,10 +69,7 @@
 
     <!-- 精彩活动 -->
     <div class="active w1200">
-      <div class="title-content">
-        <h2 class="title">精彩活动</h2>
-        <div class="title-sub">WONDERFUL ACTIVITY</div>
-      </div>
+      <title-content class="w1200" :title="'精彩活动'" :titleSub="'WONDERFUL ACTIVITY'"></title-content>
       <div class="active-content">
         <ul class="list">
           <li class="active-item" v-for="(item, index) in activeData" :key="index">
@@ -97,6 +88,7 @@
 <script>
 import CommonBanner from '@/components/common/banner';
 import SubmitForm from '@/components/common/form';
+import TitleContent from '@/components/common/titleContent';
 
 const townList = [
   {
@@ -397,7 +389,8 @@ export default {
   },
   components: {
     CommonBanner,
-    SubmitForm
+    SubmitForm,
+    TitleContent
   },
   head() {
     return {

pages/merchants/campus/index.vue

@@ -15,10 +15,11 @@
 
     <!-- 全国校区 -->
     <div class="campus-main w1200">
-      <div class="title-content">
+      <title-content :title="'全国校区'" :titleSub="'THE CAMPUS'"></title-content>
+      <!-- <div class="title-content">
         <h2 class="title">全国校区</h2>
         <div class="title-sub">THE CAMPUS</div>
-      </div>
+      </div> -->
       <div class="c-content w1200">
         <div class="list-wrap">
           <ul class="list">
@@ -53,6 +54,7 @@
 <script>
 import CommonBanner from '@/components/common/banner';
 import SubmitForm from '@/components/common/form';
+import TitleContent from '@/components/common/titleContent';
 
 export default {
   data() {
@@ -101,7 +103,8 @@ export default {
   },
   components: {
     CommonBanner,
-    SubmitForm
+    SubmitForm,
+    TitleContent
   },
   methods: {