فهرست منبع

官网准备走查字体

1
mo 2 سال پیش
والد
کامیت
659ed3635b
29فایلهای تغییر یافته به همراه232 افزوده شده و 200 حذف شده
  1. 121 121
      src/components/col-calendar/index.module.less
  2. 1 1
      src/components/col-header/index.css
  3. 4 4
      src/components/col-header/modals/index.module.less
  4. 1 1
      src/components/course-plan-step/index.module.less
  5. 3 3
      src/components/hotSearch/index.module.less
  6. 1 1
      src/components/hotSearch/index.tsx
  7. 3 3
      src/components/musicLIstItem/index.module.less
  8. 2 2
      src/components/searchInput/while.module.less
  9. 1 1
      src/components/silder/index.module.less
  10. 2 2
      src/components/videoDetailItem/index.module.less
  11. 1 1
      src/views/albumDetail/index.module.less
  12. 1 1
      src/views/albumDetail/modals/index.module.less
  13. 3 3
      src/views/albumDetail/modals/musicLIstItem/index.module.less
  14. 1 1
      src/views/downLoad/index.module.less
  15. 1 1
      src/views/home/index.module.less
  16. 5 5
      src/views/muiscDetial/index.module.less
  17. 16 10
      src/views/musicLibrary/index.module.less
  18. 40 17
      src/views/musicLibrary/index.tsx
  19. 1 1
      src/views/student-info/my-score/index.module.less
  20. 1 1
      src/views/user-info/live-class/index.module.less
  21. 1 1
      src/views/user-info/live-operation/course-content/index.module.less
  22. 2 2
      src/views/user-info/live-operation/course-preview/index.module.less
  23. 2 2
      src/views/user-info/model/practice-timer/index.module.less
  24. 1 1
      src/views/user-info/music-class/index.module.less
  25. 1 1
      src/views/user-info/video-class/index.module.less
  26. 2 2
      src/views/user-info/video-operation/course-preview/index.module.less
  27. 8 8
      src/views/videoDetailList/index.module.less
  28. 4 1
      src/views/videoDetailList/index.tsx
  29. 2 2
      src/views/videoDetailList/modals/videoDetailItem/index.module.less

+ 121 - 121
src/components/col-calendar/index.module.less

@@ -1,121 +1,121 @@
-.calendar {
-  border-radius: 10px;
-  background-color: transparent;
-
-  .subtitle {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-size: 18px;
-    font-weight: 500;
-    color: #333333;
-    line-height: 25px;
-    height: var(--van-calendar-header-title-height);
-    padding: 0 22px;
-
-    .right {
-      transform: rotateZ(180deg);
-    }
-
-    .disabled {
-      opacity: 0.6;
-    }
-  }
-  :global {
-    .van-calendar__header {
-      box-shadow: none;
-    }
-    .van-calendar__selected-day {
-      width: 38px !important;
-      height: 45px !important;
-      border-radius: 5px;
-      overflow: hidden;
-      .van-calendar__bottom-info {
-        color: #fff !important;
-      }
-    }
-    .van-calendar__weekday {
-      color: #777;
-      font-size: 14px;
-    }
-    .van-calendar__day {
-      font-size: 15px;
-      &::after {
-        position: absolute;
-        top: 50%;
-        right: 0;
-        bottom: 0;
-        left: 50%;
-        width: 45px;
-        height: 50px;
-        background: #2dc7aa;
-        content: ' ';
-        opacity: 0.12;
-        transform: translate(-50%, -50%);
-        border-radius: 2px;
-      }
-    }
-    .van-calendar__days {
-      padding: 12px 0;
-    }
-    .van-calendar__bottom-info {
-      bottom: 3px;
-    }
-    .full {
-      .van-calendar__bottom-info {
-        color: #ff6363;
-      }
-    }
-    .van-calendar__day.full::after,
-    .van-calendar__day--disabled.full::after {
-      display: inline-block !important;
-      background-color: #ffd7a6;
-    }
-    // 禁用不显示背景
-    .van-calendar__day--disabled::after {
-      display: none !important;
-    }
-  }
-}
-
-.container {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  padding-bottom: 14px;
-}
-.noDay {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  padding: 25px 0 35px;
-  .clock {
-    width: 30px;
-  }
-  span {
-    padding-left: 10px;
-    font-size: 14px;
-    font-weight: 500;
-    color: #999;
-  }
-}
-// .tag {
-//   background-color: red;
-//   padding: 8px 10px;
-//   margin-bottom: 10px;
-//   font-size: 12px;
-//   color: #333333 !important;
-//   border-color: #d8d8d8 !important;
-
-//   &.active {
-//     color: var(--van-primary) !important;
-//     background: #e0f7f3;
-//     border-color: var(--van-primary) !important;
-//   }
-// }
-
-.dayBtn {
-  display: flex;
-  align-items: center;
-}
+.calendar {
+  border-radius: 10px;
+  background-color: transparent;
+
+  .subtitle {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    height: var(--van-calendar-header-title-height);
+    padding: 0 22px;
+
+    .right {
+      transform: rotateZ(180deg);
+    }
+
+    .disabled {
+      opacity: 0.6;
+    }
+  }
+  :global {
+    .van-calendar__header {
+      box-shadow: none;
+    }
+    .van-calendar__selected-day {
+      width: 38px !important;
+      height: 45px !important;
+      border-radius: 5px;
+      overflow: hidden;
+      .van-calendar__bottom-info {
+        color: #fff !important;
+      }
+    }
+    .van-calendar__weekday {
+      color: #777;
+      font-size: 14px;
+    }
+    .van-calendar__day {
+      font-size: 15px;
+      &::after {
+        position: absolute;
+        top: 50%;
+        right: 0;
+        bottom: 0;
+        left: 50%;
+        width: 45px;
+        height: 50px;
+        background: #2dc7aa;
+        content: ' ';
+        opacity: 0.12;
+        transform: translate(-50%, -50%);
+        border-radius: 2px;
+      }
+    }
+    .van-calendar__days {
+      padding: 12px 0;
+    }
+    .van-calendar__bottom-info {
+      bottom: 3px;
+    }
+    .full {
+      .van-calendar__bottom-info {
+        color: #ff6363;
+      }
+    }
+    .van-calendar__day.full::after,
+    .van-calendar__day--disabled.full::after {
+      display: inline-block !important;
+      background-color: #ffd7a6;
+    }
+    // 禁用不显示背景
+    .van-calendar__day--disabled::after {
+      display: none !important;
+    }
+  }
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding-bottom: 14px;
+}
+.noDay {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 25px 0 35px;
+  .clock {
+    width: 30px;
+  }
+  span {
+    padding-left: 10px;
+    font-size: 14px;
+    font-weight: 600;
+    color: #999;
+  }
+}
+// .tag {
+//   background-color: red;
+//   padding: 8px 10px;
+//   margin-bottom: 10px;
+//   font-size: 12px;
+//   color: #333333 !important;
+//   border-color: #d8d8d8 !important;
+
+//   &.active {
+//     color: var(--van-primary) !important;
+//     background: #e0f7f3;
+//     border-color: var(--van-primary) !important;
+//   }
+// }
+
+.dayBtn {
+  display: flex;
+  align-items: center;
+}

+ 1 - 1
src/components/col-header/index.css

@@ -172,7 +172,7 @@
   line-height: 62px;
   height: 62px;
   font-size: 20px;
-  font-weight: 500;
+  font-weight: 600;
   display: inline-block;
 
 }

+ 4 - 4
src/components/col-header/modals/index.module.less

@@ -51,7 +51,7 @@
           font-weight: 400;
           color: #333333;
           line-height: 25px;
-          font-weight: 500;
+          font-weight: 600;
           margin-right: 10px;
         }
         .vipLogo {
@@ -135,7 +135,7 @@
       .dropdownItemTitle {
         font-size: 28px;
         font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
+        font-weight: 600;
         color: #333;
         line-height: 40px;
       }
@@ -143,7 +143,7 @@
         height: 22px;
         font-size: 16px;
         font-family: PingFangSC-Regular, PingFang SC;
-        font-weight: 500;
+        font-weight: 600;
         color: #999;
         line-height: 22px;
       }
@@ -201,7 +201,7 @@
       line-height: 60px !important;
       color: #666666;
       padding: 0 18px;
-      font-weight: 500;
+      font-weight: 600;
       font-size: 16px;
       img {
         width: 24px;

+ 1 - 1
src/components/course-plan-step/index.module.less

@@ -54,7 +54,7 @@
 
       .stepTitleNum {
         font-size: 14px;
-        font-weight: 500;
+        font-weight: 600;
       }
       .active {
         color: var(--van-primary);

+ 3 - 3
src/components/hotSearch/index.module.less

@@ -39,7 +39,7 @@
     .arrow {
       width: 16px;
       height: 16px;
-      margin-left: 4px;
+      margin-left: 8px;
     }
   }
   .searchWrap {
@@ -204,7 +204,7 @@
           line-height: 48px;
           width: 112px;
           // text-align: center;
-          font-weight: 500;
+          font-weight: 600;
           color: #000000;
           margin-bottom: 23px;
         }
@@ -273,7 +273,7 @@
     border: 1px solid #2dc7aa;
     font-size: 14px;
     font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
+    font-weight: 600;
     color: #2dc7aa;
     line-height: 20px;
     border-radius: 6px;

+ 1 - 1
src/components/hotSearch/index.tsx

@@ -3,7 +3,7 @@ import { ElButton, ElTag } from 'element-plus'
 import classes from './index.module.less'
 import tagItem from '@/components/tagItem'
 import hot from './images/hot.png'
-import arrow from '@/components/musicLIstItem/images/arrow.png'
+import arrow from '@/views/home/images/moreArrow.png'
 import search from '@/components/hotSearch/images/search.png'
 import searchActive from '@/components/hotSearch/images/searchActive.png'
 

+ 3 - 3
src/components/musicLIstItem/index.module.less

@@ -82,13 +82,13 @@
     .textWrap {
       .musicName {
         font-size: 20px;
-        font-weight: 500;
+        font-weight: 600;
         color: #000000;
         line-height: 28px;
         margin-bottom: 6px;
       }
       .authorName {
-        font-weight: 500;
+        font-weight: 600;
         color: #666;
         line-height: 22px;
         font-size: 16px;
@@ -123,7 +123,7 @@
       border: 2px solid #2dc7aa;
     }
     .authorName {
-      font-weight: 500;
+      font-weight: 600;
       color: #000000;
       line-height: 25px;
       font-size: 18px;

+ 2 - 2
src/components/searchInput/while.module.less

@@ -42,13 +42,13 @@
       --el-select-input-focus-border-color: transparent;
       color: #333 !important;
 
-      font-weight: 500;
+      font-weight: 600;
     }
     .el-select .el-input.is-focus .el-input__inner {
       border: 0px !important;
       color: #333 !important;
 
-      font-weight: 500;
+      font-weight: 600;
     }
     .el-input__inner {
       background-color: #fff !important;

+ 1 - 1
src/components/silder/index.module.less

@@ -28,7 +28,7 @@
         height: 40px;
         font-size: 14px;
         font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
+        font-weight: 600;
         color: #000000;
         line-height: 20px;
         text-shadow: 0px 2px 14px rgba(0, 0, 0, 0.08);

+ 2 - 2
src/components/videoDetailItem/index.module.less

@@ -148,7 +148,7 @@
       }
       .itemTitle {
         font-size: 20px;
-        font-weight: 500;
+        font-weight: 600;
         color: #333333;
         line-height: 28px;
       }
@@ -177,7 +177,7 @@
       }
       .itemTitle {
         color: #333;
-        font-weight: 500;
+        font-weight: 600;
         font-size: 16px;
         line-height: 22px;
       }

+ 1 - 1
src/views/albumDetail/index.module.less

@@ -26,7 +26,7 @@
         margin-bottom: 22px;
         h2 {
           line-height: 40px;
-          font-weight: 500;
+          font-weight: 600;
           color: #000000;
           font-size: 28px;
         }

+ 1 - 1
src/views/albumDetail/modals/index.module.less

@@ -10,7 +10,7 @@
   h2 {
     line-height: 25px;
     font-size: 16px;
-    font-weight: 500;
+    font-weight: 600;
     color: #333;
     margin: 8px 0 0;
     overflow: hidden;

+ 3 - 3
src/views/albumDetail/modals/musicLIstItem/index.module.less

@@ -86,13 +86,13 @@
       position: relative;
       .musicName {
         font-size: 18px;
-        font-weight: 500;
+        font-weight: 600;
         color: #000000;
         line-height: 25px;
         margin-bottom: 6px;
       }
       .authorName {
-        font-weight: 500;
+        font-weight: 600;
         color: #666;
         line-height: 22px;
         font-size: 16px;
@@ -133,7 +133,7 @@
         border: 2px solid #2dc7aa;
       }
       .authorName {
-        font-weight: 500;
+        font-weight: 600;
         color: #000000;
         line-height: 25px;
         font-size: 18px;

+ 1 - 1
src/views/downLoad/index.module.less

@@ -77,7 +77,7 @@
             color: #333;
             font-size: 20px;
             margin-bottom: 16px;
-            font-weight: 500;
+            font-weight: 600;
             line-height: 28px;
             text-align: center;
           }

+ 1 - 1
src/views/home/index.module.less

@@ -28,7 +28,7 @@
       h4 {
         margin-right: 10px;
         font-size: 24px;
-        font-weight: 500;
+        font-weight: 600;
         color: #1d1f26;
         line-height: 33px;
       }

+ 5 - 5
src/views/muiscDetial/index.module.less

@@ -326,7 +326,7 @@
       background-color: #fff;
       h2 {
         font-size: 18px;
-        font-weight: 500;
+        font-weight: 600;
         color: #000000;
         line-height: 25px;
         margin-bottom: 23px;
@@ -355,7 +355,7 @@
             // align-items: center;
             font-size: 16px;
             font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 500;
+            font-weight: 600;
             color: #333;
             line-height: 22px;
             p {
@@ -371,7 +371,7 @@
         .fensNum {
           font-size: 24px;
           font-family: PingFangSC-Medium, PingFang SC;
-          font-weight: 500;
+          font-weight: 600;
           color: #ff8b00;
           line-height: 33px;
         }
@@ -410,7 +410,7 @@
           align-items: center;
           font-size: 20px;
           font-family: PingFangSC-Medium, PingFang SC;
-          font-weight: 500;
+          font-weight: 600;
           color: #333;
           line-height: 28px;
           img {
@@ -482,7 +482,7 @@
         margin-bottom: 14px;
         h5 {
           font-size: 16px;
-          font-weight: 500;
+          font-weight: 600;
           color: #333;
           line-height: 30px;
         }

+ 16 - 10
src/views/musicLibrary/index.module.less

@@ -40,7 +40,7 @@
       }
       .el-tabs__item.is-active {
         color: #fff;
-        font-weight: 500;
+        font-weight: 600;
         width: 100px;
         height: 48px;
         line-height: 48px;
@@ -63,23 +63,24 @@
     margin-top: 17px;
   }
   .hotAlbum {
-    margin-top: 25px;
+    // margin-top: 25px;
     font-size: 22px;
-    font-weight: 500;
+    font-weight: 600;
     color: #333;
     line-height: 30px;
   }
   padding: 24px 0 15px;
   .titleWrap {
     text-align: center;
-    margin: 0 auto;
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: center;
     .dotImg {
-      width: 54px;
-      height: 54px;
+      width: 30px;
+      height: 20px;
+      margin-left:6px;
+      position: relative;
+      top: 2px;
     }
     h4 {
       margin: 0 10px;
@@ -95,6 +96,7 @@
     align-items: center;
     flex-wrap: wrap;
     margin-bottom: 25px;
+    justify-content: space-around;
     margin-top: 20px;
   }
   .videoList {
@@ -110,12 +112,13 @@
     align-items: center;
     justify-content: space-between;
     padding: 0 2px;
+    margin-bottom: 14px;
     h5 {
       font-size: 22px;
-      font-weight: 500;
+      font-weight: 600;
       color: #333;
       line-height: 30px;
-      margin-bottom: 14px;
+
     }
     .wrapRight {
       display: flex;
@@ -127,7 +130,7 @@
       .arrow {
         width: 20px;
         height: 20px;
-        margin-left: 4px;
+        margin-left: 8px;
       }
     }
   }
@@ -135,3 +138,6 @@
 .hotSearch {
   margin-top: 20px;
 }
+.mt25 {
+  margin-top: 25px;
+}

+ 40 - 17
src/views/musicLibrary/index.tsx

@@ -1,6 +1,6 @@
 // import { PaperClipIcon } from '@heroicons/vue/solid'
 import { defineComponent, toRefs, reactive, onMounted, ref } from 'vue'
-import arrow from '@/components/musicLIstItem/images/arrow.png'
+import arrow from '@/views/home/images/moreArrow.png'
 import styles from './index.module.less'
 import albumItem from './modals/albumItem'
 import videoDetailItem from '@/components/videoDetailItem'
@@ -12,11 +12,12 @@ import request from '@/helpers/request'
 import silder from '@/components/silder'
 import searchInput from '@/components/searchInput'
 import banner from '@/components/banner'
+import titleDot from '@/views/home/images/titleDot.png'
 import 'swiper/css'
 import 'swiper/css/navigation'
 import 'swiper/css/pagination'
 import 'swiper/css/scrollbar'
-import { useRoute,useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 export default defineComponent({
   name: 'musicLibrary',
   components: {
@@ -24,14 +25,12 @@ export default defineComponent({
     videoDetailItem,
     musicLIstItem,
     hotSearch,
-
     silder,
     searchInput,
     banner
   },
   setup() {
     const state = reactive({
-
       albumList: [],
       musicList: []
     })
@@ -67,16 +66,18 @@ export default defineComponent({
         console.log(e)
       }
     }
-    const gotoSearch = (val:string|object)=>{
-      if(typeof val == 'string'){
-        router.push({name:'searchdetail',params:{search:val}})
-      }else{
-        router.push({name:'searchdetail',params:{...val}})
+    const gotoSearch = (val: string | object) => {
+      if (typeof val == 'string') {
+        router.push({ name: 'searchdetail', params: { search: val } })
+      } else {
+        router.push({ name: 'searchdetail', params: { ...val } })
       }
-
     }
-    const gotoMusic=()=>{
-      router.push({name:'searchdetail',params:{type:'music'}})
+    const gotoMusic = () => {
+      router.push({ name: 'searchdetail', params: { type: 'music' } })
+    }
+    const gotoAlbum = () => {
+      router.push({ name: 'searchdetail', params: { type: '' } })
     }
     onMounted(() => {
       getAlbumList()
@@ -94,11 +95,30 @@ export default defineComponent({
                 <img src={titleDot} class={styles.dotImg} alt="" />
               </div> */}
 
-              <searchInput isWhile={false} onStartSearch={(val:any)=>gotoSearch(val)}></searchInput>
+              <searchInput
+                isWhile={false}
+                onStartSearch={(val: any) => gotoSearch(val)}
+              ></searchInput>
               <div class={styles.hotSearch}>
-              <hotSearch onHotTag={(val:string)=>{gotoSearch(val)}} type={'more'}></hotSearch>
+                <hotSearch
+                  onHotTag={(val: string) => {
+                    gotoSearch(val)
+                  }}
+                  type={''}
+                ></hotSearch>
+              </div>
+              <div class={[styles.videoNav,styles.mt25]}>
+                <div class={styles.titleWrap}>
+                  <h5 class={styles.hotAlbum}>热门专辑</h5>
+                  <img src={titleDot} class={styles.dotImg} alt="" />
+                </div>
+
+                <div class={styles.wrapRight} onClick={() => gotoAlbum()}>
+                  <span>更多</span>
+                  <img class={styles.arrow} src={arrow} alt="" />
+                </div>
               </div>
-              <h5 class={styles.hotAlbum}>热门专辑</h5>
+
               <div class={styles.albumList}>
                 {state.albumList.map(item => {
                   return <albumItem detail={item}></albumItem>
@@ -111,8 +131,11 @@ export default defineComponent({
           <div class={styles.w1200}>
             <div class={styles.section}>
               <div class={styles.videoNav}>
-                <h5>热门乐谱</h5>
-                <div class={styles.wrapRight} onClick={()=>gotoMusic()}>
+                <div class={styles.titleWrap}>
+                  <h5>热门乐谱</h5>
+                  <img src={titleDot} class={styles.dotImg} alt="" />
+                </div>
+                <div class={styles.wrapRight} onClick={() => gotoMusic()}>
                   <span>更多</span>
                   <img class={styles.arrow} src={arrow} alt="" />
                 </div>

+ 1 - 1
src/views/student-info/my-score/index.module.less

@@ -2,7 +2,7 @@
   :global {
     .el-tabs__item {
       font-size: 18px;
-      font-weight: 500;
+      font-weight: 600;
       color: #999;
       height: 56px;
       line-height: 56px;

+ 1 - 1
src/views/user-info/live-class/index.module.less

@@ -2,7 +2,7 @@
   :global {
     .el-tabs__item {
       font-size: 18px;
-      font-weight: 500;
+      font-weight: 600;
       color: #999;
       height: 56px;
       line-height: 56px;

+ 1 - 1
src/views/user-info/live-operation/course-content/index.module.less

@@ -17,7 +17,7 @@
     align-items: center;
     font-size: 16px;
     color: #333;
-    font-weight: 500;
+    font-weight: 600;
     &::before {
       margin-right: 8px;
       content: ' ';

+ 2 - 2
src/views/user-info/live-operation/course-preview/index.module.less

@@ -40,7 +40,7 @@
     .name {
       padding-left: 8px;
       font-size: 16px;
-      font-weight: 500;
+      font-weight: 600;
       color: #333333;
       line-height: 22px;
       display: flex;
@@ -82,7 +82,7 @@
     .userTitle {
       font-size: 18px;
       color: #1a1a1a;
-      font-weight: 500;
+      font-weight: 600;
       display: block !important;
     }
   }

+ 2 - 2
src/views/user-info/model/practice-timer/index.module.less

@@ -10,7 +10,7 @@
 
   .tipsTitle {
     font-size: 18px;
-    font-weight: 500;
+    font-weight: 600;
     color: #333;
     line-height: 25px;
   }
@@ -41,7 +41,7 @@
   background: #eff6f5;
   border-radius: 4px;
   font-size: 14px;
-  font-weight: 500;
+  font-weight: 600;
   color: #2dc7aa;
   display: flex;
   align-items: center;

+ 1 - 1
src/views/user-info/music-class/index.module.less

@@ -2,7 +2,7 @@
   :global {
     .el-tabs__item {
       font-size: 18px;
-      font-weight: 500;
+      font-weight: 600;
       color: #999;
       height: 56px;
       line-height: 56px;

+ 1 - 1
src/views/user-info/video-class/index.module.less

@@ -5,7 +5,7 @@
     // }
     .el-tabs__item {
       font-size: 18px;
-      font-weight: 500;
+      font-weight: 600;
       color: #999;
       height: 56px;
       line-height: 56px;

+ 2 - 2
src/views/user-info/video-operation/course-preview/index.module.less

@@ -40,7 +40,7 @@
     .name {
       padding-left: 8px;
       font-size: 16px;
-      font-weight: 500;
+      font-weight: 600;
       color: #333333;
       line-height: 22px;
       display: flex;
@@ -82,7 +82,7 @@
     .userTitle {
       font-size: 18px;
       color: #1a1a1a;
-      font-weight: 500;
+      font-weight: 600;
       display: block !important;
     }
   }

+ 8 - 8
src/views/videoDetailList/index.module.less

@@ -41,7 +41,7 @@
     margin-bottom: 10px;
     span {
       font-size: 28px;
-      font-weight: 500;
+      font-weight: 600;
       color: #000000;
       line-height: 40px;
     }
@@ -52,7 +52,7 @@
 
       span {
         font-size: 16px;
-        font-weight: 500;
+        font-weight: 600;
         color: #00BF9B;
         line-height: 22px;
       }
@@ -137,7 +137,7 @@
     .courseTitlTimer {
       font-size: 16px;
       font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
+      font-weight: 600;
       color: #FF6422;
       line-height: 22px;
       display: flex;
@@ -159,7 +159,7 @@
     background-color: #fff;
     h2 {
       font-size: 18px;
-      font-weight: 500;
+      font-weight: 600;
       color: #000000;
       line-height: 25px;
       margin-bottom: 23px;
@@ -172,7 +172,7 @@
       .fensNum {
         font-size: 24px;
         font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
+        font-weight: 600;
         color: #ff8b00;
         line-height: 33px;
       }
@@ -208,7 +208,7 @@
           // align-items: center;
           font-size: 16px;
           font-family: PingFangSC-Semibold, PingFang SC;
-          font-weight: 500;
+          font-weight: 600;
           color: #000;
           line-height: 22px;
          span{
@@ -225,7 +225,7 @@
       .fensNum {
         font-size: 24px;
         font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
+        font-weight: 600;
         color: #ff8b00;
         line-height: 33px;
       }
@@ -264,7 +264,7 @@
         align-items: center;
         font-size: 20px;
         font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
+        font-weight: 600;
         color: #333;
         line-height: 28px;
         img {

+ 4 - 1
src/views/videoDetailList/index.tsx

@@ -9,6 +9,7 @@ import request from '@/helpers/request'
 import pagination from '@/components/pagination'
 import { useRoute } from 'vue-router'
 import ColEmpty from '@/components/col-empty'
+import banner from '@/components/banner'
 export default defineComponent({
   name: 'videoDetailList',
   props: {
@@ -22,7 +23,8 @@ export default defineComponent({
     searchInput,
     videoDetailItem,
     pagination,
-    ColEmpty
+    ColEmpty,
+    banner
   },
   setup(props, conent) {
     const state = reactive({
@@ -91,6 +93,7 @@ export default defineComponent({
       <>
         <div>
           <div class="wall" style={{ height: '60px' }}></div>
+          <banner></banner>
           <div class={styles.w1200}>
             <div class={styles.section}>
               <searchInput

+ 2 - 2
src/views/videoDetailList/modals/videoDetailItem/index.module.less

@@ -121,7 +121,7 @@
       }
       .itemTitle {
         font-size: 20px;
-        font-weight: 500;
+        font-weight: 600;
         color: #333333;
         line-height: 28px;
       }
@@ -150,7 +150,7 @@
       }
       .itemTitle {
         color: #999;
-        font-weight: 500;
+        font-weight: 600;
         font-size: 16px;
         line-height: 22px;
       }