修改需求

src/app.vue

 <template>
   <div id="app">
     <router-view />
-    <img 
+    <!-- <img 
       @click="openService"
       class="service" src="https://zws-imgs-pub.ezijing.com/4ea9db80581687a358d2e5fae9a631e0.png"
-      alt="">
+      alt=""> -->
   </div>
 </template>
 <script>

src/components/layout/footer.vue

@@ -14,8 +14,8 @@
           <div class="contact">
             <h3>联系我们</h3>
             <p>
-              清控紫荆教育<br />
-              瑞士酒店管理大学<br />
+              Swiss Education Group<br />
+              SHMS瑞士酒店管理大学<br />
               <!-- 电话：010-62793909<br />
               E-mail：chinafflg@ezijing.com<br /> -->
               地址：北京市海淀区中关村东路1号院7号楼5层<br />

src/components/layout/header.vue

@@ -2,7 +2,7 @@
   <header class="app-header">
     <section class="app-header-bar">
       <div class="inner">
-        <div class="login">
+        <div class="login" v-if="false">
           <template v-if="isLogin">
             <div>{{ user.nickname || user.realname }}</div>
             <span>|</span>
@@ -47,7 +47,7 @@
 export default {
   data() {
     return {
-      title: '瑞士酒店管理大学',
+      title: 'SHMS瑞士酒店管理大学',
       navList: [
         { title: '首页', path: '/index' },
         { title: '项目介绍', path: '/project' },

src/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta content="origin" name="referrer" />
-    <title>瑞士酒店管理大学</title>
+    <title>SHMS瑞士酒店管理大学</title>
     <!-- <meta
       name="viewport"
       id="viewport"

src/pages/home/index.vue

@@ -168,7 +168,7 @@
           </swiper>
           <div class="written">
             <div class="btn">项目介绍</div>
-            <div class="txt">瑞士酒店管理大学 | 酒店与旅游方向工商管理硕士（MBA）</div>
+            <div class="txt">SHMS瑞士酒店管理大学 | 酒店与旅游方向工商管理硕士（MBA）</div>
           </div>
         </div>
         <div
@@ -187,7 +187,7 @@
           </swiper>
           <div class="written">
             <div class="btn color">新闻活动</div>
-            <div class="txt">瑞士酒店管理大学MBA 新年线下活动都分享了哪些干货？</div>
+            <div class="txt">SHMS瑞士酒店管理大学 新年线下活动都分享了哪些干货？</div>
           </div>
         </div>
       </div>

src/pages/train/components/item.vue

+<template>
+  <div class="item-box">
+    <img :src="data.cover_pc_url" alt="">
+    <div class="right-content">
+      <div class="title">{{ data.title }}</div>
+      <div class="des-box" v-html="data.additional">
+        <p class="ind">作者：基础数据维护及档案管理</p>
+        <p>出版时间：基础数据维护及档案管理</p>
+        <p class="ind">ISBN：基础数据维护及档案管理</p>
+        <p>书籍简介：基础数据维护及档案管理</p>
+      </div>
+      <router-link :to="`/train/detail?id=${data.id}`">
+        <div class="detail-btn">在线报名</div>
+      </router-link>
+    </div>
+    <div class="right-time">
+      <div class="week">{{ setDate('w') }}</div>
+      <div class="time">{{ setDate('m') }}</div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    data: {
+      type: Object,
+      default: {}
+    }
+  },
+  data() {
+    return {
+      input: ''
+    }
+  },
+  computed: {
+    setDate() {
+      return (type) => {
+        const date = new Date(this.data.published_time)
+        let reData = ''
+        if (type === 'w') {
+          reData = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()]
+        } else {
+          reData = date.getMonth() + 1 +'月'+ date.getDate() +'日'
+        }
+        return reData
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.item-box{
+  padding: 24px 0;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  img{
+    width: 180px;
+    height: 100px;
+    display: block;
+  }
+  .right-content{
+    margin-left: 24px;
+    .title{
+      font-size: 18px;
+      font-weight: bold;
+      color: #C01540;
+      line-height: 25px;
+    }
+    .des-box{
+      width: 400px;
+      margin-top: 24px;
+      p{
+        font-size: 14px;
+        color: #666666;
+        line-height: 20px;
+        margin-bottom: 8px;
+        &.ind{
+          text-indent: 2em;
+        }
+      }
+    }
+    .detail-btn{
+      color: #fff;
+      text-align: center;
+      line-height: 36px;
+      width: 96px;
+      height: 36px;
+      background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
+      border-radius: 4px;
+      margin-top: 16px;
+    }
+  }
+}
+.right-time{
+  margin-left: auto;
+  width: 77px;
+  height: 59px;
+  background: url(https://zws-imgs-pub.ezijing.com/static/public/30ec4d9c7c282da2e3dae066b00b180b.png);
+  background-size: 100% 100%;
+  position: relative;
+  .week{
+    text-align: center;
+    font-size: 12px;
+    color: #FFFFFF;
+    line-height: 12px;
+    margin-top: 6px;
+  }
+  .time{
+    margin-top: 8px;
+    text-align: center;
+    font-size: 16px;
+    font-weight: bold;
+    color: #666666;
+    line-height: 22px;
+  }
+}
+</style>