更新

src/components/m-footer/index.module.less

@@ -29,6 +29,12 @@
       color: #FFFFFF;
       line-height: 20px;
       letter-spacing: 1px;
+
+      a {
+        display: inline-block;
+        color: #fff;
+        padding-top: 6px;
+      }
     }
   }
 

src/components/m-footer/index.tsx

@@ -14,9 +14,15 @@ export default defineComponent({
           <div class={styles.link}>
             <p class={styles.linkTitle}>友情链接</p>
             <p class={styles.linkContent}>
-              中国音乐家协会
+              <a href="https://www.chnmusic.org/" target="_blank">
+                中国音乐家协会
+              </a>
               <br />
-              中国音协管乐学会低音铜管
+              <a
+                href="https://www.cnorch.com/leaderInfo/list?leaderType=2"
+                target="_blank">
+                中国音协管乐学会低音铜管
+              </a>
             </p>
           </div>
           <div class={styles.logoUrl}>

src/components/the-submit/index.module.less

@@ -62,6 +62,14 @@
     .van-field {
       border: 1px solid #F7DFE7;
     }
+
+    input {
+      caret-color: #fe3e64 !important;
+    }
+
+    .van-picker .van-picker__confirm {
+      color: #fe3e64 !important;
+    }
   }
 
   .btnSubmit {
@@ -93,10 +101,18 @@
     .van-field {
       border: 1px solid #DFEDF7;
     }
+
+    input {
+      caret-color: #0fc1c5 !important;
+    }
+
+    .van-picker .van-picker__confirm {
+      color: #0fc1c5 !important;
+    }
   }
 
   .smsField .sendCms {
-    color: #1CACF1;
+    color: #0fc1c5;
   }
 
 

src/components/the-submit/index.tsx

@@ -38,7 +38,6 @@ export default defineComponent({
 
     const onSendCode = () => {
       // 发送验证码
-      console.log(state.phone, 'state.phone');
       if (!checkPhone(state.phone)) {
         return showToast('请输入正确的手机号码');
       }

src/views/about-us/index.module.less

@@ -17,7 +17,6 @@
   font-weight: 600;
   color: #000000;
   line-height: 30px;
-  letter-spacing: 1px;
 
   span {
     position: relative;
@@ -42,6 +41,7 @@
   font-size: 14px;
   color: #3E635E;
   line-height: 24px;
+  text-align: justify;
 }
 
 .section1 {

src/views/colexiu-person/index.module.less

@@ -70,6 +70,7 @@
   font-size: 14px;
   color: #3E635E;
   line-height: 24px;
+  text-align: justify;
 }
 
 .sectionBg::before {
@@ -99,10 +100,12 @@
   }
 
   .loveImg img {
+    position: relative;
     padding: 30px 68px 13px
   }
 
   .musicImg img {
+    position: relative;
     padding: 36px 36px 12px
   }
 }
@@ -116,6 +119,14 @@
     top: 53px;
   }
 
+  .title {
+    padding-top: 20px;
+  }
+
+  .content {
+    padding-top: 11px;
+  }
+
   img {
     position: relative;
     padding: 0 44px;
@@ -131,6 +142,14 @@
     top: 11px;
   }
 
+  .title {
+    padding-top: 20px;
+  }
+
+  .content {
+    padding-top: 11px;
+  }
+
   img {
     position: relative;
     padding: 0 15px;
@@ -185,4 +204,45 @@
       padding: 0 24px;
     }
   }
+}
+
+.section6 {
+  background: url('https://oss.dayaedu.com/klx/1699511873679img-b.png') no-repeat top center;
+  background-size: cover;
+  min-height: 165px;
+  display: flex;
+  flex-direction: column;
+
+  .sTitle {
+    font-size: 19px;
+    font-weight: 600;
+    color: #249E87;
+    line-height: 28px;
+    text-align: center;
+    padding: 17px 0 22px;
+  }
+
+  .btnGroup {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .btn {
+    width: 125px;
+    height: 46px;
+    background-color: red;
+    margin: 0 9px 0;
+
+  }
+
+  .btnIos {
+    background: url('./images/btn-student.png') no-repeat center;
+    background-size: contain;
+  }
+
+  .btnAndroid {
+    background: url('./images/btn-teacher.png') no-repeat center;
+    background-size: contain;
+  }
 }

src/views/colexiu-person/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, ref } from 'vue';
+import { defineComponent, onMounted, ref } from 'vue';
 import styles from './index.module.less';
 import MHeader from '@/components/m-header';
 import img1 from './images/img1.png';
@@ -7,13 +7,44 @@ import img13 from './images/img-1-3.png';
 import img14 from './images/img-1-4.png';
 import img21 from './images/img-2-1.png';
 import img22 from './images/img-2-2.png';
-
 import MFooter from '@/components/m-footer';
+import request from '@/helpers/request';
 
 export default defineComponent({
   name: 'colexiu-person',
   setup() {
     const activeTab = ref<'love' | 'music'>('love');
+    const studentAndroidUrl = ref('');
+    const teacherAndroidUrl = ref('');
+
+    onMounted(async () => {
+      try {
+        const studentRes = await request.get(
+          '/api-web/open/appVersionInfo/queryLatestByPlatform',
+          {
+            params: {
+              platform: 'android-student',
+              status: 'history'
+            }
+          }
+        );
+        studentAndroidUrl.value = studentRes.value.downloadUrl;
+
+        const teacherRes = await request.get(
+          '/api-web/open/appVersionInfo/queryLatestByPlatform',
+          {
+            params: {
+              platform: 'android-teacher',
+              status: 'history'
+            }
+          }
+        );
+        teacherAndroidUrl.value = teacherRes.value.downloadUrl;
+      } catch (e) {
+        console.log(e);
+      }
+    });
+
     return () => (
       <div class={styles.person}>
         <MHeader />
@@ -124,7 +155,7 @@ export default defineComponent({
 
           <div class={[styles.section4, styles.sectionBg]}>
             <img
-              src="https://oss.dayaedu.com/klx/1699439143414img-2-3.png"
+              src="https://oss.dayaedu.com/klx/1699510915684img2-3.png"
               class="w100"
             />
 
@@ -146,11 +177,22 @@ export default defineComponent({
               <span>风采展示</span>
             </div>
             <div class={styles.content}>
-              你有一肚子的演奏心得无处传播？你的得意的演奏技巧无法展示？在这里分享你的演奏心得，展示你的演奏技巧，让更多的器乐爱好者得到你的指点，将你的才能传播得更加广阔
+              你有一肚子的演奏心得无处传播？你的得意的演奏技巧无法展示？在这里分享你的演奏心得，展示你的演奏技巧，让更多的器乐爱好者得到你的指点，将你的才能传播得更加广阔。
             </div>
           </div>
         </div>
 
+        <div class={[styles.section6]}>
+          <div class={styles.sTitle}>
+            立即加入
+            <br />
+            与器乐爱好者们分享音乐吧！
+          </div>
+          <div class={styles.btnGroup}>
+            <div class={[styles.btn, styles.btnIos]}></div>
+            <div class={[styles.btn, styles.btnAndroid]}></div>
+          </div>
+        </div>
         <MFooter />
       </div>
     );

src/views/colexiu-technology/index.module.less

@@ -79,7 +79,7 @@
     border-radius: 15px;
     border: 2px solid #D7F8EF;
     font-size: 14px;
-
+    box-sizing: border-box;
     color: #000000;
     text-align: center;
     margin: 0 5px;
@@ -88,6 +88,7 @@
       font-weight: 500;
       color: #FFFFFF;
       background: #07B1B2 linear-gradient(124deg, #0E86A0 0%, #03C5BA 100%);
+      border: none;
 
     }
   }
@@ -151,32 +152,24 @@
 }
 
 .section2 {
-  padding: 25px 0 44px;
+  padding: 25px 0 0px;
   background: linear-gradient(180deg, #EDFDFF 0%, #FFFFFF 21%, #FFFFFF 88%, #DDF0F2 100%);
 
 
   .teaching {
-    padding-top: 34px;
-
-    img {
-      padding: 0 27px;
-    }
+    padding-top: 22px;
+    padding-bottom: 26px;
   }
 
   .study {
-    padding-top: 30px;
-
-    img {
-      padding: 0 20px;
-    }
+    padding-top: 22px;
+    padding-bottom: 26px;
   }
 
   .trial {
-    padding-top: 25px;
+    padding-top: 22px;
+    padding-bottom: 26px;
 
-    img {
-      padding: 0 39px;
-    }
   }
 }
 
@@ -185,6 +178,21 @@
   background-color: #fff;
   padding: 32px 0;
 
+  &.sectionBg1::before {
+    content: '';
+    position: absolute;
+    top: 40px;
+    left: 0;
+    background: url('https://oss.dayaedu.com/klx/1699512241336home-bg.png') no-repeat center #fff;
+    background-size: contain;
+    height: 308px;
+    width: 100%;
+    display: inline-block;
+  }
+
+  .subTitle {
+    position: relative;
+  }
 
   .tabGroup {
     padding-top: 20px;
@@ -241,31 +249,10 @@
 
     img {
       padding: 8px 10px;
-      border-radius: 30px;
+      border-radius: 26px;
     }
   }
 
-  &::before {
-    content: '';
-    width: 62px;
-    height: 97px;
-    background: #E4F7FF;
-    filter: blur(42px);
-    position: absolute;
-    left: 0;
-    top: 107px;
-  }
-
-  &::after {
-    content: '';
-    width: 116px;
-    height: 133px;
-    background: #F0FFFC;
-    filter: blur(42px);
-    position: absolute;
-    right: 0;
-    top: 156px;
-  }
 }
 
 .section4 {
@@ -317,7 +304,7 @@
 }
 
 .section9 {
-  padding: 32px 0 23px;
+  padding: 32px 0 30px;
   background: url('./images/img-submit-bg.png') no-repeat top center;
   background-size: cover;
 

src/views/colexiu-technology/index.tsx

@@ -135,9 +135,9 @@ export default defineComponent({
           </div>
         </div>
 
-        <div class={styles.section3}>
+        <div class={[styles.section3, styles.sectionBg1]}>
           <div class={[styles.title]}>
-            <span>酷乐秀数字音乐体系</span>
+            <span>产品核心亮点</span>
           </div>
 
           <div class={styles.subTitle}>

src/views/colexiu-tenant/index.module.less

@@ -17,7 +17,6 @@
   font-weight: 600;
   color: #000000;
   line-height: 30px;
-  letter-spacing: 1px;
 
   span {
     position: relative;
@@ -81,8 +80,9 @@
 .content {
   padding: 8px 24px 0;
   font-size: 13px;
-  color: #3E635E;
+  color: #7C647C;
   line-height: 24px;
+  text-align: justify;
 }
 
 .section1 {
@@ -119,7 +119,7 @@
   }
 
   .musicImg img {
-    padding: 36px 36px 12px;
+    padding: 54px 63px 28px;
   }
 }
 
@@ -254,6 +254,7 @@
   }
 
   .section5 {
+    position: relative;
     padding: 30px 0 40px;
     background: #fff;
 

src/views/cooperate-channels/index.tsx

@@ -111,14 +111,14 @@ export default defineComponent({
           <div class={styles.content}>
             <p>
               在科技飞速发展的当下，音乐教育也在不断地创新与变革。为了更好地推进音乐课堂的数字化转型，提高音乐教育质量。化繁为简、化难为易，提高学生的兴趣和参与度。将更加注重线上线下相结合，
-              <span class={styles.green}>
+              <span class={styles.green} style="font-weight: 600">
                 提供多元化的教学模式，满足学生多样化的学习需求
               </span>
             </p>
             <p>
               同时器乐教学对学生具有重要的意义，不仅有助于提高音乐素养和协调能力，还可以培养个性、团队合作意识等。学习乐器丰富学生的情感体验，拓展就业和升学途径，传承民族文化。
             </p>
-            <p class={styles.green}>
+            <p class={styles.green} style="font-weight: 600">
               我们特此发起寻找数字化音乐课堂合作伙伴，诚邀您的加入！
             </p>
           </div>

src/views/home/co-ai/index.module.less

@@ -69,7 +69,7 @@
 }
 
 .sectionChange {
-  padding: 40px 0 42px;
+  padding: 40px 0 56px;
   background: #fff;
 
   .content {

src/views/home/co-person/index.module.less

@@ -15,7 +15,7 @@
       content: '';
       position: absolute;
       bottom: -6px;
-      right: -15px;
+      right: -12px;
       width: 111px;
       height: 39px;
       background: url('../images/co-person/title-1.png') no-repeat center;
@@ -51,14 +51,26 @@
 
 .section3 {
   background: #fff;
-  padding: 20px 0 30px;
+  padding: 45px 0 46px;
 }
 
 .section4 {
+  position: relative;
   padding: 40px 0 50px;
   background: url('https://oss.dayaedu.com/klx/1699432226773img4-bg.png') no-repeat center #fff;
   background-size: cover;
 
+  .iconTip {
+    width: 40px;
+    height: 40px;
+    display: inline-block;
+    position: absolute;
+    top: 25px;
+    left: 23px;
+    background: url('../images/co-person/icon-tip.png') no-repeat center;
+    background-size: contain;
+  }
+
   .content {
     text-align: center;
     padding-bottom: 20px;

src/views/home/co-tenant/index.tsx

@@ -8,9 +8,6 @@ import 'swiper/css';
 
 // import { Vue3Lottie } from 'vue3-lottie';
 // import request from 'umi-request';
-import img1 from '../images/co-tenant/img1.png';
-import img2 from '../images/co-tenant/img2.png';
-import img3 from '../images/co-tenant/img3.png';
 export default defineComponent({
   name: 'music-room',
   setup() {
@@ -44,7 +41,10 @@ export default defineComponent({
             }}>
             <SwiperSlide>
               <div class={styles.swipeContainer}>
-                <img src={img1} class="w100" />
+                <img
+                  src="https://oss.dayaedu.com/klx/1699502397893img1.png"
+                  class="w100"
+                />
                 <div class={styles.desc}>
                   <p>
                     声部教材全量制作为练习曲目，课堂所学即课后所练。让学生循序渐进逐步掌握器乐演奏技能
@@ -54,7 +54,10 @@ export default defineComponent({
             </SwiperSlide>
             <SwiperSlide>
               <div class={styles.swipeContainer}>
-                <img src={img2} class="w100" />
+                <img
+                  src="https://oss.dayaedu.com/klx/1699502417191img2.png"
+                  class="w100"
+                />
 
                 <div class={styles.desc}>
                   <p>
@@ -65,7 +68,10 @@ export default defineComponent({
             </SwiperSlide>
             <SwiperSlide>
               <div class={styles.swipeContainer}>
-                <img src={img3} class="w100" />
+                <img
+                  src="https://oss.dayaedu.com/klx/1699502436064img3.png"
+                  class="w100"
+                />
                 <div class={styles.desc}>
                   <p>
                     每首合奏曲目都包含多分轨和对应分轨伴奏。同一教学体系下的合奏训练，合排更容易，演出更出彩
@@ -127,7 +133,7 @@ export default defineComponent({
             <span>高效管理</span>
           </div>
           <div class={[styles.content, styles.center]}>
-            老师、学生信息一首掌握，让您的管理更加高效
+            老师、学生信息一手掌握，让您的管理更加高效
           </div>
 
           <img

src/views/home/index.tsx

@@ -48,7 +48,7 @@ export default defineComponent({
                 'https://oss.dayaedu.com/klx/1699439359542banner.png';
             }
           }}>
-          <Tab title="小酷Ai" name={1}>
+          <Tab title=" 小酷Ai " name={1}>
             <CoAi />
           </Tab>
           <Tab title="云酷琴房" name={2}>

src/views/home/music-room/index.module.less

@@ -25,7 +25,7 @@
   }
 }
 
-.title::before {
+.title1::before {
   width: 110px;
   background: url('../images/music-room/title-2.png') no-repeat center;
   background-size: contain;

src/views/home/piano-room/index.module.less

@@ -20,7 +20,7 @@
     left: 50%;
     width: 34px;
     height: 11px;
-    transform: translate(-50%, 4px);
+    transform: translate(-50%, 3px);
     background: url('../images/piano-room/title-1.png') no-repeat center;
     background-size: contain;
   }
@@ -73,7 +73,7 @@
   padding: 40px 0 60px;
 
   .content {
-    padding: 0 24px 12px;
+    padding: 8 24px 12px;
   }
 }
 

src/views/music-classroom/index.module.less

@@ -55,8 +55,10 @@
     color: #000000;
     text-align: center;
     margin: 0 5px;
+    box-sizing: border-box;
 
     &.active {
+      border: none;
       font-weight: 500;
       color: #FFFFFF;
       background: linear-gradient(270deg, #1BD2FF 0%, #1AADFF 100%);
@@ -96,6 +98,7 @@
     padding-bottom: 28px;
     font-size: 14px;
     color: rgba(0, 0, 0, 0.5);
+    text-align: justify;
   }
 
   img {
@@ -127,6 +130,7 @@
   }
 
   img {
+    position: relative;
     padding: 0 44px;
   }
 

src/views/music-classroom/index.tsx

@@ -140,7 +140,7 @@ export default defineComponent({
         <div
           class={[styles.section5, styles.sectionBg]}
           style={{ display: activeTab.value === 'service' ? 'block' : 'none' }}>
-          <img src={img312} class="w100" />
+          <img src={img332} class="w100" />
 
           <div class={styles.content}>
             采用创新的教学手段，如线上线下相结合、实践与理论相结合等，激发学生的学习兴趣，提高教学效果。