提交

1

src/components/searchInput/index.tsx

@@ -91,7 +91,7 @@ export default defineComponent({
               v-model={state.subject}
               placeholder="请选择声部"
               style="width: 175px"
-              class="subSelect"
+              class={["subSelect",state.subject?'hasVal':'']}
               v-slots={{
                 suffix: () => <div class={classes.san}></div>
               }}

src/views/videoDetailList/index.module.less

@@ -42,8 +42,9 @@
     align-items: top;
     margin-bottom: 10px;
     word-break: break-all;
-    width: 580px;
-    span {
+
+    .courseDetailText {
+      width: 580px;
       font-size: 26px;
       font-weight: 600;
       color: #000000;
@@ -57,7 +58,7 @@
       align-items: bottom;
       position: relative;
       top: 10px;
-      width: 180px;
+      min-width: 130px;
       span {
         font-size: 16px;
         font-weight: 600;

src/views/videoDetailList/videoDetail.tsx

@@ -203,7 +203,7 @@ export default defineComponent({
               />
               <div class={styles.courseDetailWrap}>
                 <p class={styles.courseDetailTitle}>
-                  <span>{state.videoDetail.lessonName}</span>{' '}
+                  <span class={styles.courseDetailText}>{state.videoDetail.lessonName}</span>{' '}
                   <div class={styles.courseTitleR}>
                     <img src={bookIcon} alt="" />
                     <span>{state.videoDetail.countStudent}人在学</span>