mo 2 years ago
parent
commit
1c67d43059

+ 6 - 2
src/components/banner/index.module.less

@@ -1,13 +1,17 @@
 .mySwiper {
   cursor: pointer;
 }
+.bannerImg {
+  object-fit: cover;
+  height: 400px;
+}
 
 :global {
   .bannerSwiper {
 
     .mySwiper {
       overflow: hidden;
-      min-height: 400px;
+      height: 400px;
       &:hover {
         .myprev,
         .mynext {
@@ -52,7 +56,7 @@
     .swiper-pagination {
       // height: 6px;
       // background-color: #fff;
-      bottom: 31px !important;
+      bottom: 24px !important;
     }
     .swiper-pagination-bullet-active {
       width: 50px;

+ 1 - 0
src/components/banner/index.tsx

@@ -86,6 +86,7 @@ export default defineComponent({
                     <img
                       src={item.coverImage}
                       alt=""
+                      class={classes.bannerImg}
                       onClick={() => {
                         gotoBannerInfo(item)
                       }}

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

@@ -87,7 +87,7 @@
             white-space: normal !important;
             -webkit-line-clamp: 4;
             -webkit-box-orient: vertical;
-            height: 95px;
+            min-height: 95px;
           }
           .tagWrap {
             display: flex;

+ 5 - 5
src/views/musicLibrary/modals/albumItem/index.module.less

@@ -42,8 +42,8 @@
   .hold {
     .masker {
       visibility: hidden;
-      width: 180px;
-      height: 180px;
+      width: 186px;
+      height: 186px;
       background-color: rgba(0, 0, 0, 0.4);
       position: absolute;
       top: 0;
@@ -59,8 +59,8 @@
       }
     }
     position: relative;
-    width: 180px;
-    height: 180px;
+    width: 186px;
+    height: 186px;
     border-radius: 10px;
     overflow: hidden;
     img {
@@ -90,7 +90,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    width: 180px;
+    width: 186px;
   }
 
   span {

BIN
src/views/videoDetailList/images/styleBG.jpg


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

@@ -174,7 +174,7 @@
 .detailRight {
   width: 360px;
   .teacherInfo {
-    padding: 18px 6px 20px 24px;
+    padding: 26px 6px 20px 24px;
     background-color: #fff;
     h2 {
       font-size: 18px;

+ 4 - 3
src/views/videoDetailList/videoDetail.tsx

@@ -29,6 +29,7 @@ import { getUserInfo, getUserType, getAuth } from '@/helpers/utils'
 import showVideoDetail from './modals/showVideoDetail'
 import bookIcon from './images/bookIcon.png'
 import tree from './images/tree.png'
+import styleBG from './images/styleBG.jpg'
 import { ElDialog } from 'element-plus'
 export default defineComponent({
   name: 'videoDetailList',
@@ -284,10 +285,10 @@ export default defineComponent({
                     <p class={styles.fens}>粉丝数</p>
                   </div>
                 </div>
-                <div class={styles.titleWrap}>
+                {state.teacherDetail.introduction?  <div class={styles.titleWrap}>
                   {/* <img src={peopleIcon} alt="" /> */}
                   <span>个人介绍</span>
-                </div>
+                </div>:null}
                 <p class={styles.teacherDetail}>
                   {state.teacherDetail.introduction}
                 </p>
@@ -315,7 +316,7 @@ export default defineComponent({
                             src={item.videoUrl}
                             controls={false}
                           ></video> */}
-                          <img  class={styles.videoItemVideo} src={item.cover} alt="" />
+                          <img  class={styles.videoItemVideo} src={item.cover?item.cover:styleBG} alt="" />
                           <img src={player} alt="" class={styles.player} />
                         </div>
                       )