Головна сторінка Огляд Довідка
Увійти
molingzhide
/
cloundPc
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

细节修复

1
mo 4 роки тому
батько
67edf6b0ba
коміт
543f3efbd1
19 змінених файлів з 121 додано та 48 видалено
Розділений вигляд Показати статистику Diff
  1. 21 1
      dist/index.html
  2. 3 1
      index.html
  3. 19 0
      src/App.vue
  4. BIN
      src/assets/images/public-code.jpg
  5. 10 9
      src/components/Mfooter.vue
  6. 7 4
      src/components/Mheader.vue
  7. 6 3
      src/components/footerSection.vue
  8. 5 2
      src/components/headerSection.vue
  9. 2 2
      src/components/minForm.vue
  10. 6 3
      src/components/silder.vue
  11. 3 1
      src/main.js
  12. 1 1
      src/views/aboutUs/index.vue
  13. 3 1
      src/views/aboutUs/minAboutus.vue
  14. 3 2
      src/views/index/blocks/moreLoginList.vue
  15. 1 1
      src/views/index/index.vue
  16. 16 10
      src/views/index/minIndex.vue
  17. 7 2
      src/views/project/blocks/minClient.vue
  18. 1 1
      src/views/project/index.vue
  19. 7 4
      src/views/project/minProject.vue

+ 21 - 1
dist/index.html
Переглянути файл 

@@ -1 +1,21 @@
 
-<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=theme-color content=#000000><meta name=description content=酷乐秀是一个专注于音乐类在线教育领域的平台，致力于打造新一代云教育体系，突破教育资源，地域限制等因素的影响，为“教”“学”两端提供专业服务。><title>酷乐秀官方网站</title><link rel="shortcut icon" href=./favicon.ico><link href=./static/css/app.87b3a4759e1217d9a3f6c17bdfd7ba0f.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.8a97a9cd33399e2bb79b.js></script><script type=text/javascript src=./static/js/app.72e13d4ca03ae2cc8846.js></script></body></html>
 
+<!DOCTYPE html>
 
+<html lang=zh-CN>
 
+
 
+<head>
 
+  <meta charset=utf-8>
 
+  <meta name=viewport content="width=device-width,initial-scale=1">
 
+  <meta name=theme-color content=#000000>
 
+  <meta name=description content=酷乐秀是一个专注于音乐类在线教育领域的平台，致力于打造新一代云教育体系，突破教育资源，地域限制等因素的影响，为“教”“学”两端提供专业服务。>
 
+  <title>酷乐秀官方网站</title>
 
+  <link rel="shortcut icon" href=./favicon.ico>
 
+  <link href=./static/css/app.87b3a4759e1217d9a3f6c17bdfd7ba0f.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.8a97a9cd33399e2bb79b.js></script>
 
+  <script type=text/javascript src=./static/js/app.72e13d4ca03ae2cc8846.js></script>
 
+</body>
 
+
 
+</html>

+ 3 - 1
index.html
Переглянути файл 

@@ -5,6 +5,8 @@
 
   <meta charset="utf-8" />
 
 
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 
+  <meta name="apple-mobile-web-app-capable" content="yes" />
 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,viewport-fit=cover" />
 
   <meta name="theme-color" content="#000000" />
 
   <meta name="description" content="酷乐秀是一个专注于音乐类在线教育领域的平台，致力于打造新一代云教育体系，突破教育资源，地域限制等因素的影响，为“教”“学”两端提供专业服务。" />
 
 
@@ -16,4 +18,4 @@
 
   <!-- built files will be auto injected -->
 
 </body>
 
 
-</html>
 
+</html>

+ 19 - 0
src/App.vue
Переглянути файл 

@@ -84,3 +84,22 @@ not supported by any browser */
 
   --plyr-color-main: #2dc7aa !important;
 
 }
 
 </style>
 
+<style lang="less" scoped>
 
+
 
+/deep/.swiper-pagination-bullet-active.swiper-pagination-bullet {
 
+  background-color: #2dc7aa !important;
 
+}
 
+/deep/.swiper-pagination-bullet {
 
+  background-color: #c8c8c8 !important;
 
+  opacity: 1;
 
+  width: 7px;
 
+  height: 7px;
 
+}
 
+/deep/.swiper-pagination-fraction,
 
+/deep/.swiper-pagination-custom,
 
+/deep/.swiper-container-horizontal > .swiper-pagination-bullets {
 
+  bottom: 12px;
 
+  left: 0;
 
+  width: 100%;
 
+}
 
+</style>

BIN
src/assets/images/public-code.jpg
Переглянути файл


+ 10 - 9
src/components/Mfooter.vue
Переглянути файл 

@@ -5,8 +5,8 @@
 
         <h4>咨询热线</h4>
 
         <p>400-8851569</p>
 
         <p class="lefTtop">周一至周五 9:00~6:00</p>
 
-        <h4>友情链接</h4>
 
-        <p><span>大雅乐盟 </span> <span>key官网</span></p>
 
+        <!-- <h4>友情链接</h4>
 
+        <p><span>大雅乐盟 </span> <span>key官网</span></p> -->
 
       </div>
 
       <div class="right">
 
         <div class="codeItem" style="margin-right: 0.47rem">
 
@@ -21,7 +21,7 @@
 
     </div>
 
     <div class="footer-bottom">
 
       <p>Copyright © 2020 武汉市景明云乐网络科技有限公司</p>
 
-      <p>All Rights Reserved. 鄂ICP备20013567号-1</p>
 
+      <p>All Rights Reserved.<a href="https://beian.miit.gov.cn/">鄂ICP备20013567号-1</a></p>
 
     </div>
 
   </div>
 
 </template>
 
@@ -35,6 +35,8 @@ export default {
 
 <style lang="less" scoped>
 
 .footer {
 
   background: #262d45;
 
+  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
 
+  padding-bottom: env(safe-area-inset-bottom);
 
   .footer-top {
 
     padding: 0.64rem 0.4rem 0.2rem;
 
     background: #262d45;
 
@@ -44,7 +46,7 @@ export default {
 
     .left {
 
       h4 {
 
         height: 0.3rem;
 
-        font-size: 0.22rem;
 
+        font-size: 0.24rem;
 
         color: #ffffff;
 
         line-height: 0.3rem;
 
         letter-spacing: 1px;
 
@@ -55,7 +57,7 @@ export default {
 
         color: #cecece;
 
         line-height: 0.33rem;
 
         letter-spacing: 1px;
 
-        font-size: 0.24rem;
 
+        font-size: 0.22rem;
 
       }
 
       .lefTtop {
 
         margin-bottom: 0.35rem;
 
@@ -90,10 +92,9 @@ export default {
 
     line-height: 0.32rem;
 
     color: #cecece;
 
     text-align: center;
 
-    padding-bottom: constant(
 
-      safe-area-inset-bottom
 
-    );
 
-    padding-bottom: env(safe-area-inset-bottom);
 
+    a {
 
+        color: #cecece;
 
+    }
 
   }
 
 }
 
 </style>

+ 7 - 4
src/components/Mheader.vue
Переглянути файл 

@@ -109,11 +109,11 @@ export default {
 
   opacity: 1;
 
 }
 
 /deep/.van-nav-bar__content {
 
-  height: 1.1rem;
 
+  height:1rem;
 
   align-items: center;
 
 }
 
 /deep/.van-popup__close-icon--top-right {
 
-  top: 0.38rem;
 
+  top:.42rem;
 
 }
 
 /deep/.van-nav-bar__left,
 
 /deep/.van-nav-bar__right {
 
@@ -138,8 +138,8 @@ export default {
 
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 
 }
 
 .headerSection {
 
-  z-index: 1000;
 
-  background-color: rgba(0, 0, 0, 0.4);
 
+  z-index: 2000;
 
+  background-color: #002F33;
 
 }
 
 .navRight {
 
   display: flex;
 
@@ -158,6 +158,9 @@ export default {
 
   .menu {
 
     width: 0.4rem;
 
     height: 0.3rem;
 
+    &:hover {
 
+      opacity: .8;
 
+    }
 
   }
 
 }
 
 .joinWrap {

+ 6 - 3
src/components/footerSection.vue
Переглянути файл 

@@ -37,7 +37,7 @@
 
               <h2>咨询热线</h2>
 
               <p>400 - 8851569<span>（周一至周五 09:00~21:00）</span></p>
 
             </div>
 
-            <div class="line-wrap">
 
+            <!-- <div class="line-wrap">
 
               <h2>友情链接</h2>
 
               <div class="item-Wrap">
 
                 <div class="friendship-item">
 
@@ -50,7 +50,7 @@
 
                 </div>
 
 
               </div>
 
-            </div>
 
+            </div> -->
 
 
           </div>
 
 
@@ -60,7 +60,7 @@
 
         <div class="width1200">
 
           <p>
 
             Copyright © 2020 武汉市景明云乐网络科技有限公司
 
-            <br /> All Rights Reserved. 鄂ICP备20013567号-1
 
+            <br /> All Rights Reserved. <a href="https://beian.miit.gov.cn/">鄂ICP备20013567号-1</a>
 
           </p>
 
         </div>
 
       </div>
 
@@ -167,6 +167,9 @@ export default {
 
     color: #cecece;
 
     line-height: 20px;
 
     padding-top: 21px;
 
+    a{
 
+      color: #cecece;
 
+    }
 
   }
 
 }
 
 </style>

+ 5 - 2
src/components/headerSection.vue
Переглянути файл 

@@ -20,12 +20,15 @@
 
         <div class="bandBtn" @click="goKu">机构入驻</div>
 
       </div>
 
     </div>
 
+    <silder ref='silder'/>
 
   </div>
 
 </template>
 
 <script>
 
 import Bus from "../views/index/blocks/eventBus";
 
 import { scrollAnimation } from "@/util/scroll";
 
+import silder from "@/components/silder.vue";
 
 export default {
 
+  components:{silder},
 
   name: "headerSection",
 
   props: ["name"],
 
   data() {
 
@@ -88,7 +91,7 @@ export default {
 
       // }
 
     },
 
     goKu() {
 
-      window.open("https://kj.colexiu.com/#/login?returnUrl=%2F", "_blank");
 
+      this.$refs.silder.visiable = true;
 
     },
 
 
     onContentScroll(e) {
 
@@ -153,7 +156,7 @@ export default {
 
 
   }
 
 .headerSection {
 
-  background-color: rgba(0, 0, 0, 0.4);
 
+  background-color: #002f33;
 
   position: fixed;
 
   width: 100%;
 
   top: 0px;

+ 2 - 2
src/components/minForm.vue
Переглянути файл 

@@ -1,6 +1,6 @@
 
 <template>
 
   <div>
 
-    <p class="errorP">{{ errorMsg }}</p>
 
+    <p class="errorP">&nbsp{{ errorMsg }}</p>
 
 
     <div class="imputWrap">
 
       <input
 
@@ -36,7 +36,7 @@
 
         />
 
       </div>
 
       <div class="imputWrap">
 
-        <input class="minINput halfe" type="text" v-model="form.smsCode" />
 
+        <input class="minINput halfe" type="text" v-model="form.smsCode" placeholder="验证码" />
 
         <div class="line"></div>
 
         <div class="codeBox" @click="getCode">
 
           {{ time > 0 ? `${time}秒` : "发送验证码" }}

+ 6 - 3
src/components/silder.vue
Переглянути файл 

@@ -65,10 +65,9 @@
 
       width="410px"
 
       :close-on-click-modal="false"
 
       destroy-on-close
 
+      custom-class="mydialog"
 
     >
 
-
 
-       <submitForm />
 
-
 
+      <submitForm />
 
 
       <!-- <el-form ref="form"
 
                :model="form"
 
@@ -200,6 +199,9 @@ export default {
 
 };
 
 </script>
 
 <style lang="less">
 
+.mydialog {
 
+  border-radius: 8px;
 
+}
 
 .silderWrap {
 
   position: fixed;
 
   top: 50%;
 
@@ -301,6 +303,7 @@ export default {
 
   border-radius: 5px;
 
   margin-top: 50px;
 
   cursor: pointer;
 
+
 
   &:hover {
 
     background-color: #2ac0a3;
 
   }

+ 3 - 1
src/main.js
Переглянути файл 

@@ -32,8 +32,10 @@ router.afterEach((to, from, next) => {
 
   window.scrollTo(0, 0)
 
 })
 
 
+
 
+
 
 if (isMobile()) {
 
-  console.log('H5调用')
 
+
 
   const setHtmlFontSize = () => {
 
     const htmlDom = document.getElementsByTagName('html')[0];
 
     let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;

+ 1 - 1
src/views/aboutUs/index.vue
Переглянути файл 

@@ -120,7 +120,7 @@
 
           </div>
 
         </div>
 
       </div>
 
-      <silder />
 
+      <!-- <silder /> -->
 
     </div>
 
     <div v-else>
 
       <minAboutus />

+ 3 - 1
src/views/aboutUs/minAboutus.vue
Переглянути файл 

@@ -123,6 +123,7 @@ img {
 
     }
 
   }
 
   .chioseItemList {
 
+    padding-bottom: .3rem;
 
     .chioseItem {
 
       text-align: center;
 
       margin-bottom: 0.5rem;
 
@@ -132,6 +133,7 @@ img {
 
       border-radius: 8px;
 
       box-shadow: 0px 4px 10px 0px rgba(211, 225, 223, 0.47);
 
       padding: 0 0.44rem;
 
+      border:1px solid #e8f7f4;
 
       .title {
 
         margin-top: 0.17rem;
 
         margin-bottom: 0.26rem;
 
@@ -219,7 +221,7 @@ img {
 
       background: #ffffff;
 
       box-shadow: 0px 5px 12px 0px rgba(211, 225, 223, 0.47);
 
       border-radius: 0.1rem;
 
-      border: 1px solid #e8f7f4;
 
+      border: 1px solid #ddecea;
 
       margin-bottom: .24rem;
 
       .imgWrap {
 
         margin-right: 0.23rem;

+ 3 - 2
src/views/index/blocks/moreLoginList.vue
Переглянути файл 

@@ -38,10 +38,11 @@ export default {
 
     flex-direction: row;
 
     justify-content: space-between;
 
     img {
 
-      width: 376px;
 
+      width: 380px;
 
       cursor: pointer;
 
+       transform:translateZ(0) scale(0.95);
 
       &:hover {
 
-        transform: scale(1.05);
 
+        transform: translateZ(0) scale(1);
 
         transition: .2s;
 
       }
 
     }

+ 1 - 1
src/views/index/index.vue
Переглянути файл 

@@ -6,7 +6,7 @@
 
       <recommend id="recommend" ref="recommend" />
 
       <moreLoginList id="moreLoginList" />
 
       <loginList id="loginList" :title="'了解更多'" />
 
-      <silder :showForm="showForm" @changeStatus="changeStatus" />
 
+      <!-- <silder :showForm="showForm" @changeStatus="changeStatus" /> -->
 
     </div>
 
     <div v-else>
 
       <minIndex />

+ 16 - 10
src/views/index/minIndex.vue
Переглянути файл 

@@ -92,8 +92,8 @@
 
     </div>
 
     <minMoreLogin />
 
     <div class="moreInfo">
 
-      <h2>了解更多</h2>
 
-        <minForm />
 
+      <h2>了解<span>更多</span></h2>
 
+      <minForm />
 
     </div>
 
   </div>
 
 </template>
 
@@ -103,13 +103,13 @@ import Swiper2, { Navigation, Pagination } from "swiper";
 
 Swiper2.use([Navigation, Pagination]);
 
 import "swiper/swiper-bundle.css";
 
 import minMoreLogin from "./blocks/minMoreLogin";
 
-import minForm from "@/components/minForm"
 
+import minForm from "@/components/minForm";
 
 export default {
 
   components: {
 
     Swiper,
 
     SwiperSlide,
 
     minMoreLogin,
 
-    minForm
 
+    minForm,
 
   },
 
   directives: {
 
     swiper: directive,
 
@@ -137,8 +137,12 @@ export default {
 
 };
 
 </script>
 
 <style lang="less" scoped>
 
-/deep/.swiper-pagination-bullet-active {
 
-  background-color: #2dc7aa;
 
+/deep/.swiper-pagination-bullet-active.swiper-pagination-bullet {
 
+  background-color: #2dc7aa !important;
 
+}
 
+/deep/.swiper-pagination-bullet {
 
+  background-color: #c8c8c8 !important;
 
+  opacity: 1;
 
 }
 
 img {
 
   display: block;
 
@@ -177,7 +181,7 @@ img {
 
       height: 3.28rem;
 
       background: #ffffff;
 
       border-radius: 0.04rem;
 
-      border: 1px solid #dfdfdf;
 
+      border: 1px solid #e9e9e9;
 
       filter: blur(0px);
 
       margin-bottom: 0.25rem;
 
       img {
 
@@ -203,7 +207,7 @@ img {
 
 .cloundList {
 
   background-color: #f4f5f7;
 
   .cloundItem {
 
-    padding: 0.5rem;
 
+    padding: 0.5rem .5rem .8rem;
 
     h4 {
 
       width: 100%;
 
       font-size: 0.38rem;
 
@@ -229,7 +233,7 @@ img {
 
   width: 100%;
 
   // height: 6.29rem;
 
   background: linear-gradient(135deg, #f0eef3 0%, #d8eff3 100%);
 
-  padding: .5rem .4rem .63rem;
 
+  padding: 0.5rem 0.4rem 0.63rem;
 
   display: flex;
 
   flex-direction: column;
 
   align-items: center;
 
@@ -240,7 +244,9 @@ img {
 
     line-height: 0.64rem;
 
     font-weight: 400;
 
     text-align: center;
 
+    span {
 
+      font-weight: 600;
 
+    }
 
   }
 
-
 
 }
 
 </style>

+ 7 - 2
src/views/project/blocks/minClient.vue
Переглянути файл 

@@ -160,6 +160,9 @@ export default {
 
 };
 
 </script>
 
 <style lang="less" scoped>
 
+/deep/.van-popup--center.van-popup--round {
 
+  border-radius: 8px;
 
+}
 
 img {
 
   display: block;
 
 }
 
@@ -217,6 +220,7 @@ img {
 
       padding-bottom: 22px;
 
       display: flex;
 
       flex-direction: row;
 
+      align-items: center;
 
       .headWrap {
 
         margin-right: 0.3rem;
 
         img {
 
@@ -254,7 +258,7 @@ img {
 
       display: -webkit-box;
 
       -webkit-line-clamp: 3;
 
       -webkit-box-orient: vertical;
 
-      text-indent: 0.44px;
 
+      text-indent: 0.44rem;
 
     }
 
     .down {
 
       margin: 0 auto;
 
@@ -285,6 +289,7 @@ img {
 
       padding-bottom: 0.3rem;
 
       display: flex;
 
       flex-direction: row;
 
+      align-items: center;
 
       .headWrap {
 
         margin-right: 0.3rem;
 
         img {
 
@@ -318,7 +323,7 @@ img {
 
       text-align: left;
 
       // height: 110px;
 
 
-      text-indent: 0.44px;
 
+      text-indent: 0.44rem;
 
     }
 
   }
 
 }

+ 1 - 1
src/views/project/index.vue
Переглянути файл 

@@ -158,7 +158,7 @@
 
           <!-- <img src="./images/down.png" class="down" alt="" /> -->
 
         </div>
 
       </el-dialog>
 
-      <silder />
 
+      <!-- <silder /> -->
 
     </div>
 
     <div v-else>
 
       <!-- h5 -->

+ 7 - 4
src/views/project/minProject.vue
Переглянути файл 

@@ -26,14 +26,14 @@
 
         <div class="serverItem">
 
           <div class="box">
 
             <img src="./images/444.png" alt="" />
 
-            <p>快速实施</p>
 
+            <p>全程辅导</p>
 
           </div>
 
           <!-- <img class="arrow " src="./images/arrow.png" alt="" /> -->
 
         </div>
 
         <div class="serverItem">
 
           <div class="box">
 
             <img src="./images/333.png" alt="" />
 
-            <p>全程辅导</p>
 
+            <p>快速实施</p>
 
           </div>
 
           <img class="arrow arrow2" src="./images/arrow.png" alt="" />
 
         </div>
 
@@ -41,7 +41,7 @@
 
     </div>
 
     <minClient :detailList="detailList" />
 
     <div class="moreInfo">
 
-      <h2>即刻入驻</h2>
 
+      <h2>即刻<span>入驻</span></h2>
 
       <minForm />
 
     </div>
 
   </div>
 
@@ -103,7 +103,7 @@ export default {
 
       position: relative;
 
       background: #ffffff;
 
       border-radius: 4px;
 
-      border: 1px solid #dfdfdf;
 
+      border: 1px solid #e5e5e5;
 
       width: 3.1rem;
 
       height: 1.73rem;
 
       padding: 0.38rem 0.22rem 0.1rem;
 
@@ -169,6 +169,9 @@ export default {
 
     line-height: 0.64rem;
 
     font-weight: 400;
 
     text-align: center;
 
+    span {
 
+      font-weight: 600;
 
+    }
 
   }
 
 
 }