Browse Source

09/08 提交测试

11
mo 4 years ago
parent
commit
6751c075bb
39 changed files with 238 additions and 38 deletions
  1. BIN
      dist/favicon.ico
  2. 1 1
      dist/index.html
  3. 0 0
      dist/static/css/app.13ddcc80e97cf1b53ad32fe9168a0da4.css
  4. 0 0
      dist/static/css/app.13ddcc80e97cf1b53ad32fe9168a0da4.css.map
  5. 0 0
      dist/static/css/app.d28c1b14c49dba9e84a16c89e03c271b.css
  6. 0 0
      dist/static/css/app.d28c1b14c49dba9e84a16c89e03c271b.css.map
  7. BIN
      dist/static/img/consultBanner.56458a5.png
  8. BIN
      dist/static/img/consultBanner.facbbfb.png
  9. BIN
      dist/static/img/map.16bbfdb.png
  10. BIN
      dist/static/img/map.c8a36a5.png
  11. BIN
      dist/static/img/map1.3ba421c.png
  12. BIN
      dist/static/img/map1.5a5e592.png
  13. BIN
      dist/static/img/title2.08f57db.png
  14. BIN
      dist/static/img/title2.efc402d.png
  15. BIN
      dist/static/img/title3.2503f32.png
  16. BIN
      dist/static/img/topBanner.463d8c0.png
  17. BIN
      dist/static/img/topBanner.9e3c166.png
  18. 0 0
      dist/static/js/app.76b94a3faa40d3f0644b.js
  19. 0 0
      dist/static/js/app.76b94a3faa40d3f0644b.js.map
  20. 0 0
      dist/static/js/app.89c73e4691bd52855523.js
  21. 0 0
      dist/static/js/app.89c73e4691bd52855523.js.map
  22. 0 0
      dist/static/js/manifest.3ad1d5771e9b13dbdad2.js.map
  23. BIN
      dist/static/media/Invigilator.fabd834.mp4
  24. 11 0
      src/animate/animate.min.css
  25. BIN
      src/assets/images/consult/consultBanner.png
  26. BIN
      src/assets/images/map.png
  27. BIN
      src/assets/images/map1.png
  28. BIN
      src/assets/images/title2.png
  29. BIN
      src/assets/images/title3.png
  30. BIN
      src/assets/images/topBanner.png
  31. BIN
      src/assets/video/Invigilator.mp4
  32. 22 10
      src/components/footerSection.vue
  33. 8 1
      src/components/headerSection.vue
  34. 47 9
      src/components/silder.vue
  35. 1 0
      src/views/aboutUs/index.vue
  36. 1 1
      src/views/consult/index.vue
  37. 28 14
      src/views/index/index.vue
  38. 106 2
      src/views/project/index.vue
  39. 13 0
      src/views/project/video.js

BIN
dist/favicon.ico


+ 1 - 1
dist/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>colexiu-website</title><link href=./static/css/app.13ddcc80e97cf1b53ad32fe9168a0da4.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.7f9856592775da883f8c.js></script><script type=text/javascript src=./static/js/app.89c73e4691bd52855523.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content=酷乐秀是一个专注于音乐类在线教育领域的平台,致力于打造新一代云教育体系,突破教育资源,地域限制等因素的影响,为“教”“学”两端提供专业服务。><title>酷乐秀官方网站</title><link rel="shortcut icon" href=./favicon.ico><link href=./static/css/app.d28c1b14c49dba9e84a16c89e03c271b.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.7f9856592775da883f8c.js></script><script type=text/javascript src=./static/js/app.76b94a3faa40d3f0644b.js></script></body></html>

File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.13ddcc80e97cf1b53ad32fe9168a0da4.css


File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.13ddcc80e97cf1b53ad32fe9168a0da4.css.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.d28c1b14c49dba9e84a16c89e03c271b.css


File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.d28c1b14c49dba9e84a16c89e03c271b.css.map


BIN
dist/static/img/consultBanner.56458a5.png


BIN
dist/static/img/consultBanner.facbbfb.png


BIN
dist/static/img/map.16bbfdb.png


BIN
dist/static/img/map.c8a36a5.png


BIN
dist/static/img/map1.3ba421c.png


BIN
dist/static/img/map1.5a5e592.png


BIN
dist/static/img/title2.08f57db.png


BIN
dist/static/img/title2.efc402d.png


BIN
dist/static/img/title3.870d3ca.png → dist/static/img/title3.2503f32.png


BIN
dist/static/img/topBanner.463d8c0.png


BIN
dist/static/img/topBanner.9e3c166.png


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.76b94a3faa40d3f0644b.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.76b94a3faa40d3f0644b.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.89c73e4691bd52855523.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.89c73e4691bd52855523.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/manifest.3ad1d5771e9b13dbdad2.js.map


BIN
dist/static/media/Invigilator.fabd834.mp4


File diff suppressed because it is too large
+ 11 - 0
src/animate/animate.min.css


BIN
src/assets/images/consult/consultBanner.png


BIN
src/assets/images/map.png


BIN
src/assets/images/map1.png


BIN
src/assets/images/title2.png


BIN
src/assets/images/title3.png


BIN
src/assets/images/topBanner.png


BIN
src/assets/video/Invigilator.mp4


+ 22 - 10
src/components/footerSection.vue

@@ -5,7 +5,8 @@
         <div class="width1200">
           <div class="attention">
             <div class="qrcode">
-              <div class="qrcode-item">
+              <div class="qrcode-item"
+                   style="padding-right:50px">
                 <img src="../assets/images/logoWhile.png"
                      width="136px"
                      height="40px"
@@ -49,7 +50,7 @@
             </div>
             <div class="hotLine">
               <h2>咨询热线</h2>
-              <p>4008851569<span>(周一至周五 09:00~21:00)</span></p>
+              <p>400 - 8851569<span>(周一至周五 09:00~21:00)</span></p>
             </div>
           </div>
 
@@ -83,17 +84,19 @@ export default {
 }
 
 .footer-info {
+  color: #cecece;
   background: #39393b;
-  padding: 77px 0 15px;
+  padding: 77px 0 35px;
   .width1200 {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     h2 {
-      color: #ffffff;
+      color: #cecece;
       font-size: 14px;
       line-height: 31px;
       text-align: left;
+      font-weight: 400;
     }
     .attention {
       display: flex;
@@ -105,38 +108,47 @@ export default {
         padding-right: 24px;
         p {
           font-size: 12px;
-          color: #fff;
+          color: #cecece;
           padding: 8px 0;
           text-align: center;
+          margin-top: 10px;
         }
       }
     }
     .friend-ship {
-      width: 500px;
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      .line-wrap {
+        margin-right: 20px;
+      }
       .item-Wrap {
         display: flex;
         flex-direction: row;
         justify-content: flex-start;
+
         .friendship-item {
           a {
             font-size: 12px;
-            color: #fff;
+            color: #cecece;
             line-height: 37px;
             margin-right: 30px;
             display: inline-block;
             text-align: left;
+            text-decoration: none;
             &:hover,
             &:after {
-              color: #fff;
+              color: #cecece;
             }
           }
         }
       }
       .hotLine {
         text-align: left;
-        color: #fff;
+        color: #cecece;
         p {
           font-size: 16px;
+          line-height: 37px;
           span {
             font-size: 12px;
           }
@@ -153,7 +165,7 @@ export default {
   p {
     text-align: center;
     font-size: 12px;
-    color: #fff;
+    color: #cecece;
     line-height: 20px;
     padding-top: 21px;
   }

+ 8 - 1
src/components/headerSection.vue

@@ -43,7 +43,10 @@ export default {
   },
   mounted () {
     let url = this.$route
-    console.log(url)
+    // console.log(url)
+    if (url.path.indexOf('detile')) {
+      this.checkActive = 3
+    }
     switch (url.path) {
       case '/': {
         this.change(1)
@@ -66,6 +69,7 @@ export default {
   methods: {
     change (num) {
       this.checkActive = num;
+      scrollTo(0, 0);
     },
     goKu () {
       window.open('https://kj.colexiu.com/#/login?returnUrl=%2F', '_blank');
@@ -86,6 +90,9 @@ export default {
   cursor: pointer;
   position: relative;
   top: 8px;
+  &:hover {
+    background-color: #2ac0a3;
+  }
 }
 .wall {
   height: 82px;

+ 47 - 9
src/components/silder.vue

@@ -9,10 +9,11 @@
         <div class="line"></div>
       </div>
       <el-popover placement="left"
-                  trigger="hover">
+                  trigger="click"
+                  popper-class="popver">
         <div>
           <p class="hoverTitle">咨询电话:</p>
-          <p class="hoverMsg">4008851569</p>
+          <p class="hoverMsg">400-8851569</p>
         </div>
         <div class="silderItem"
              slot="reference">
@@ -70,7 +71,7 @@
     <el-dialog title="申请入驻"
                :visible.sync="visiable"
                append-to-body
-               width="500px"
+               width="450px"
                :close-on-click-modal="false"
                destroy-on-close>
       <el-form ref="form"
@@ -92,7 +93,7 @@
           <el-input v-model="form.mobileNo"
                     placeholder="请输入手机号"></el-input>
         </el-form-item>
-        <p>我们会在您提交信息后24小时内与您取得联系,请保持电话畅通</p>
+        <p class="submsg">我们会在您提交信息后24小时内与您取得联系,请保持电话畅通</p>
         <el-form-item>
           <div class="submitBtn"
                @click="submitInfo">提交</div>
@@ -150,7 +151,7 @@ export default {
         if (res) {
           console.log("发送请求");
           axios({
-            url: "/api-user/tenantApply/add",
+            url: "https://test.kj.colexiu.com/api-user/tenantApply/add",
             method: "post",
             data: qs.stringify(this.form),
             headers: {
@@ -193,6 +194,36 @@ export default {
     height: 268px;
 
     border: 1px solid #ececec;
+    /deep/.el-popover {
+      .silderItem {
+        cursor: pointer;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 11px 0 0;
+        font-size: 12px;
+        overflow: hidden;
+        p {
+          margin-top: 8px;
+          color: #666666;
+        }
+        .line {
+          margin-top: 10px;
+          width: 48px;
+          height: 1px;
+          background-color: #ececec;
+        }
+        &:hover {
+          p {
+            color: #2dc7aa;
+          }
+          img {
+            filter: drop-shadow(#2dc7aa 80px 0);
+            transform: translateX(-80px);
+          }
+        }
+      }
+    }
     .silderItem {
       cursor: pointer;
       display: flex;
@@ -222,7 +253,8 @@ export default {
       }
     }
   }
-  .code-item {
+  /deep/.code-item {
+    width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -234,12 +266,12 @@ export default {
     color: #999999;
     line-height: 17px;
   }
-  .hoverMsg {
+  /deep/.hoverMsg {
+    padding-top: 10px;
     font-size: 16px;
-
-    font-weight: 500;
     color: #1a1a1a;
     line-height: 22px;
+    font-weight: 700;
   }
   .goTop {
     cursor: pointer;
@@ -271,5 +303,11 @@ export default {
   border-radius: 5px;
   margin-top: 50px;
   cursor: pointer;
+  &:hover {
+    background-color: #2ac0a3;
+  }
+}
+.submsg {
+  color: #999;
 }
 </style>

+ 1 - 0
src/views/aboutUs/index.vue

@@ -11,6 +11,7 @@
         <p>景明云乐汇聚了在音乐在线教育,云计算,AI智能行业的顶尖人才 ,运用在音乐教育行业积累的十八年经验结合在语音视频领域多年研究,高度还原了乐器线上演奏场景,并已成功平稳运行二十多万课时。</p>
         <img src='@/assets/images/aboutUs/about.png'
              width="100%"
+             style="margin-top:50px"
              alt />
       </div>
     </div>

+ 1 - 1
src/views/consult/index.vue

@@ -112,7 +112,7 @@ export default {
       margin-right: 74px;
 
       h2 {
-        margin-top: 10px;
+        margin-top: 20px;
         font-size: 24px;
         font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;

+ 28 - 14
src/views/index/index.vue

@@ -87,7 +87,8 @@
                alt="">
         </div>
         <div class="suggest">
-          <div class="suggestList">
+          <div class="suggestList"
+               style="width:700px;">
             <div class="suggestItem "
                  :class="mapIndex ===1?'active':''"
                  @mouseover="mapIndex=1">
@@ -147,14 +148,14 @@
             <img src="@/assets/images/look.png"
                  alt=""
                  width="712px">
-            <p class="mapMsg">支持<span>多级下属合作单位</span>线上招生,打破生源地空间限制,将招考范围<span>推向全国</span></p>
+            <p class="mapMsg">直播考试<span>视频互动</span>,还原线下考场真实氛围</p>
           </div>
           <div class="suggestImg"
                v-show="onlineIndex ===2">
             <img src="@/assets/images/look1.png"
                  alt=""
                  width="712px">
-            <p class="mapMsg">支持<span>多级下属合作单位</span>线上招生,打破生源地空间限制,将招考范围<span>推向全国</span></p>
+            <p class="mapMsg">考官<span>在线评审</span>,考级视频<span>录像回放</span> ,最大限度保证考试公正</p>
           </div>
         </div>
       </div>
@@ -245,8 +246,11 @@ img {
       color: #ffffff;
       position: absolute;
       left: 0;
-      bottom: 147px;
+      bottom: 167px;
       cursor: pointer;
+      &:hover {
+        background-color: #2ac0a3;
+      }
     }
   }
 }
@@ -259,23 +263,23 @@ img {
     display: flex;
     flex-direction: row;
     justify-content: space-around;
-    width: 1092px;
+    width: 1062px;
     .listItem {
       padding: 33px 80px 50px;
       display: flex;
       flex-direction: column;
       align-items: center;
-      width: 340px;
+      width: 320px;
       height: 350px;
       background: #ffffff;
       cursor: pointer;
       border-radius: 8px;
-      border: 1px solid #cdcdcd;
+      border: 1px solid #dedede;
       img {
         border-radius: 4px;
       }
       &:hover {
-        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
+        box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.06);
       }
       .title {
         margin: 13px 0;
@@ -302,7 +306,10 @@ img {
 }
 .suggest {
   margin-top: 85px;
-  width: 740px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  // width: 740px;
   .suggestList {
     display: flex;
     flex-direction: row;
@@ -312,19 +319,19 @@ img {
       width: 220px;
       cursor: pointer;
       .suggestTitle {
-        height: 30px;
-        line-height: 30px;
+        height: 38px;
+        line-height: 38px;
         font-size: 22px;
         color: #2c2c2c;
-        margin-bottom: 32px;
+        margin-bottom: 28px;
         border-radius: 4px;
         display: inline-block;
         padding: 0 21px;
       }
       .msg {
         color: #788393;
-        line-height: 20px;
-        font-size: 14px;
+        line-height: 24px;
+        font-size: 15px;
       }
     }
     .suggestItem.active {
@@ -376,18 +383,24 @@ img {
     top: 132px;
     left: 50%;
     margin-left: -537px;
+    text-align: left;
     h2 {
+      font-size: 34px;
       margin-bottom: 66px;
+      text-align: center;
+      font-weight: 400;
     }
     .desc {
       line-height: 44px;
       font-size: 18px;
+      text-indent: 36px;
     }
     .cardList {
       display: flex;
       flex-direction: row;
       justify-content: space-around;
       margin-top: 100px;
+      width: 1020px;
       .cardItem {
         width: 312px;
         height: 298px;
@@ -406,6 +419,7 @@ img {
           font-size: 24px;
           line-height: 33px;
           margin-bottom: 14px;
+          font-weight: 500;
         }
         p {
           color: #788393;

+ 106 - 2
src/views/project/index.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
     <div class="topBanner">
-      <img class="msg"
+      <img class="msg animated fadeInDown"
            src='@/assets/images/project/projectTitle.png' />
     </div>
-    <div class="projectWrap">
+    <!-- <div class="projectWrap">
       <div class="tab width1200">
         <div class="tabItem"
              :class="activeNum==1?'active':''"
@@ -134,17 +134,61 @@
           </div>
         </div>
       </div>
+    </div> -->
+    <div class='projectWrap'>
+      <div class="projectList width1200">
+        <div class="left">
+          <div class="projectInfoWrap">
+            <section>
+              <p class="title">酷乐秀考生APP <i class="el-icon-arrow-right"></i></p>
+              <p v-for="(item,index) in vaidoJson.app"
+                 :key="index"
+                 :class="activeRow.id===item.id?'active':''"
+                 @click='activeRow = item'>{{item.title}} </p>
+
+            </section>
+            <section>
+              <p class="title">酷乐秀管理端 <i class="el-icon-arrow-right"></i></p>
+              <p v-for="(item,index) in vaidoJson.admin"
+                 :key="index"
+                 :class="activeRow.id===item.id?'active':''"
+                 @click='activeRow = item'>{{item.title}}</p>
+            </section>
+            <section>
+              <p class="title">酷乐秀考生APP <i class="el-icon-arrow-right"></i></p>
+              <p v-for="(item,index) in vaidoJson.teacher"
+                 :key="index"
+                 :class="activeRow.id===item.id?'active':''"
+                 @click='activeRow = item'>{{item.title}}</p>
+            </section>
+
+          </div>
+        </div>
+        <div class="right">
+          <h2>{{activeRow.title}}</h2>
+          <video :src="activeRow.src"
+                 :width="activeRow.width"
+                 autoplay
+                 controls
+                 loop></video>
+        </div>
+      </div>
     </div>
+
     <silder />
   </div>
 </template>
 <script>
+import { vaidoJson } from './video'
+import "@/animate/animate.min.css"
 import silder from '@/components/silder.vue'
 export default {
   components: { silder },
   data () {
     return {
       activeNum: 1,
+      vaidoJson,
+      activeRow: { src: require('@/assets/video/student-remind.mp4'), width: '352', title: '考试信息及时提醒', father: 'app', id: 1 }
     }
   },
   methods: {
@@ -277,4 +321,64 @@ export default {
     }
   }
 }
+// 新版本
+.projectWrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.projectList {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  margin: 80px 0 60px;
+  .left {
+    margin-right: 50px;
+    width: 220px;
+    border: 1px solid #dedede;
+    border-top: none;
+    .title {
+      height: 70px;
+      line-height: 70px;
+      border-top: 1px solid #dedede;
+      border-bottom: 1px solid #dedede;
+      cursor: pointer;
+      font-size: 20px;
+      font-weight: 500;
+      text-align: left;
+      padding: 0 20px;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      font-weight: 600;
+      .el-icon-arrow-right {
+        line-height: 70px;
+      }
+    }
+    .active {
+      background-color: #2dc7aa;
+      color: #fff;
+      font-size: 16px;
+    }
+    p {
+      height: 60px;
+      line-height: 60px;
+      cursor: pointer;
+      padding-left: 30px;
+      text-align: left;
+    }
+  }
+  .right {
+    width: 800px;
+    padding: 0 30px 30px;
+    border: 1px solid #dedede;
+    h2 {
+      color: #1a1a1a;
+      margin-bottom: 50px;
+      line-height: 70px;
+      text-align: left;
+      border-bottom: 1px solid #dedede;
+    }
+  }
+}
 </style>

+ 13 - 0
src/views/project/video.js

@@ -0,0 +1,13 @@
+export const vaidoJson = {
+  app: [{ src: require('../../assets/video/student-remind.mp4'), width: '352', title: '考试信息及时提醒', father: 'app', id: 1 },
+  { src: require('@/assets/video/text.mp4'), width: '352', title: '考级曲谱提前练习', father: 'app', id: 2 },
+  { src: require('@/assets/video/onlineText.mp4'), width: '352', title: '在线高品质直播', father: 'app', id: 3 },
+  { src: require('@/assets/video/replay.mp4'), width: '352', title: '录播考试满足多种场景', father: 'app', id: 4 },
+  { src: require('@/assets/video/query.mp4'), width: '352', title: '考试结果一键查询', father: 'app', id: 5 },],
+  admin: [{ src: require('@/assets/video/base.mp4'), width: '704', title: '基础维度配置', father: 'admin', id: 6 },
+  { src: require('@/assets/video/maintain.mp4'), width: '704', title: '考级项目维护', father: 'admin', id: 7 },
+  { src: require('@/assets/video/onlineSign.mp4'), width: '352', title: '考生在线报名', father: 'admin', id: 8 },
+  { src: require('@/assets/video/info.mp4'), width: '704', title: '考生信息查询', father: 'admin', id: 9 },
+  { src: require('@/assets/video/result.mp4'), width: '704', title: '考试结果维护', father: 'admin', id: 10 },],
+  teacher: [{ src: require('@/assets/video/Invigilator.mp4'), width: '704', title: '直播考场', father: 'teacher', id: 11 }],
+}

Some files were not shown because too many files changed in this diff