修改项目特色

src/pages/project/index.vue

@@ -10,41 +10,8 @@
       <div class="t-item2 con970" v-show="showIndex === 1">
         <news :data="newsData"></news>
       </div>
-      <div class="t-item3" v-show="showIndex === 2">
-        <div class="new-style">
-          <div class="top-cont">
-            <div class="left">
-              <div class="txt">
-                项目设计以学术导师+实践导师双导师制，以国际前沿+金融实操为内容设计导向，融多元培养手段为一体，旨在立足全球视野，扎根本土实践，从产业到金融，从学习到就业一站式、无缝衔接人才培养计划。
-              </div>
-            </div>
-            <ul>
-              <template v-for="(item, index) in projectFeatures">
-                <li :key="index">
-                  <div class="dis-b">
-                    <div class="d"></div>
-                    <div class="txt">{{ item.title }}</div>
-                  </div>
-                  <div class="dis-n">
-                    <div class="title">{{ item.title }}</div>
-                    <div class="txt" v-html="item.text"></div>
-                  </div>
-                </li>
-              </template>
-            </ul>
-          </div>
-        </div>
-        <div class="content">
-          <div class="title">面向人群</div>
-          <div class="txt-box">
-            <div class="pp1">1.全日制本硕就读于中国985大学</div>
-            <div class="pp1">2.在读全日制硕士研究生研一、研二的学生</div>
-            <div class="pp1">3.本硕就读专业背景为非金融/财经类专业</div>
-          </div>
-        </div>
-        <div class="zs-cont">
-          <img class="new-img" src="https://zws-imgs-pub.ezijing.com/static/public/5a12d8046451cb9ad751aa6af19b18c2.png" alt="">
-        </div>
+      <div class="t-item3 con970" v-show="showIndex === 2">
+        <news :data="newsData2"></news>
       </div>
     </div>
   </div>
@@ -59,75 +26,67 @@ export default {
   }, 
   data() {
     return {
-      projectFeatures: [
-        {
-          title: '项目学制',
-          text: '学制18个月'
-        },
-        {
-          title: '授课方式',
-          text: '线上：紫荆/KELLEY商学院学习平台 线下：北京、上海、深圳'
-        },
-        {
-          title: '课程语言',
-          text: '中方课程为五道口教授和业界金融专家中文授课<br/>美方课程为美国印第安纳大学Kelley商学院教授英文授课'
-        },
-        {
-          title: '招生人数',
-          text: '2020年计划招收中国大陆地区考生50人'
-        },
-        {
-          title: '主要上课地点',
-          text: '线上：紫荆/KELLEY商学院学习平台<br/>线下：北京、上海、深圳'
-        },
-        {
-          title: '开学日期',
-          text: '每年9月'
-        },
-        {
-          title: '获得证书',
-          text: '清控紫荆教育结业证书<br/>Kelley商学院学位证书'
-        }
-      ],
       newsData: [],
+      newsData2: [],
       showIndex: 1
     }
   },
   mounted() {
-    this.getData()
+    this.getData(1)
+    this.getData(2)
   },
   methods: {
     tap(n) {
       this.showIndex = n
     },
-    getData() {
-      const requestType = [
-        {
-          name: '紫荆教育',
-          image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
-        },
-        {
-          name: 'Kelley商学院',
-          image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
-        },
-        {
-          name: '联合办学背景',
-          image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
-        }
-      ]
+    getData(n) {
+      let requestType = []
+      if (n === 1) {
+        requestType = [
+          {
+            name: '紫荆教育',
+            image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
+          },
+          {
+            name: 'Kelley商学院',
+            image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
+          },
+          {
+            name: '联合办学背景',
+            image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
+          }
+        ]
+      } else {
+        requestType = [
+          {
+            name: '项目特色',
+            image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m1-c1-img1.fc81eacb.png'
+          }
+        ]
+      }
       requestType.map((item, index) => {
-        this.request(item, index)
+        this.request(item, index, n)
       })
     },
-    request(item, index) {
+    request(item, index, n) {
       cAction.reportAction.getContent(item.name).then(json => {
-        this.newsData.push({
-          id: index,
-          title: item.name,
-          content: json === null ? '' : json[0].content,
-          image: item.image
-        })
-        this.newsData = this.newsData.sort((a, b) => a.id - b.id)
+        if (n === 1) {
+          this.newsData.push({
+            id: index,
+            title: item.name,
+            content: json === null ? '' : json[0].content,
+            image: item.image
+          })
+          this.newsData = this.newsData.sort((a, b) => a.id - b.id)
+        } else {
+          this.newsData2.push({
+            id: index,
+            title: item.name,
+            content: json === null ? '' : json[0].content,
+            image: item.image
+          })
+          this.newsData2 = this.newsData2.sort((a, b) => a.id - b.id)
+        }
       }).catch(e => { this.$message.error(e.message) }).finally(() => {})
     }
   }