修改样式

src/components/videoDetailItem/index.tsx

@@ -61,7 +61,7 @@ export default defineComponent({
             </div>
             <p class={classes.detaileStudy}>
               <span class={classes.detaileDot}></span>
-              {state.detail.countStudent}人在学
+              {state.detail.countStudent}人学习
             </p>
             <img
               style={{ objectFit: 'cover' }}

src/views/user-info/components/item/index.tsx

@@ -94,11 +94,11 @@ export default defineComponent({
 
         <div class="mx-2.5 pt-1.5 pb-2 flex items-center justify-between">
           {item.payType === 'VIP' ? (
-            <div class="text-xl text-[#C76E21] font-semibold leading-none">
+            <div class="text-lg text-[#C76E21] font-semibold leading-none">
               会员
             </div>
           ) : (
-            <div class="text-xl text-[#F90000] font-semibold leading-none">
+            <div class="text-lg text-[#F90000] font-semibold leading-none">
               <span class="text-sm leading-7">￥</span>
               {item.coursePrice}
             </div>

src/views/videoDetailList/modals/videoDetailItem/index.tsx

@@ -56,12 +56,12 @@ export default defineComponent({
           onClick={gotoVideoDetail}
         >
           <div class={classes.detaileWrap}>
-          <div class={classes.masker}>
+            <div class={classes.masker}>
               <img src={player} alt="" />
             </div>
             {/* <p class={classes.detaileStudy}>
               <span class={classes.detaileDot}></span>
-              {state.detail.countStudent}人在学
+              {state.detail.countStudent}人学习
             </p> */}
             <img
               src={
@@ -82,7 +82,9 @@ export default defineComponent({
           </div>
           <div class={classes.itemBottom}>
             <div class={classes.itemBottomL}>
-              <span class={classes.itemTitle}>{state.detail.lessonSubjectName}</span>
+              <span class={classes.itemTitle}>
+                {state.detail.lessonSubjectName}
+              </span>
               {/* <div class={classes.line}></div> */}
             </div>
             {/* <div class={classes.itemBottomR}>
@@ -90,7 +92,7 @@ export default defineComponent({
             </div> */}
             <p class={classes.detaileStudy}>
               <span class={classes.detaileDot}></span>
-              {state.detail.countStudent}人在学
+              {state.detail.countStudent}人学习
             </p>
           </div>
         </div>

src/views/videoDetailList/videoDetail.tsx

@@ -243,10 +243,12 @@ export default defineComponent({
               />
               <div class={styles.courseDetailWrap}>
                 <p class={styles.courseDetailTitle}>
-                  <span class={styles.courseDetailText}>{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>
+                    <span>{state.videoDetail.countStudent}人学习</span>
                   </div>
                 </p>
               </div>
@@ -289,7 +291,7 @@ export default defineComponent({
             </div>
             <div class={styles.detailRight}>
               <div class={styles.teacherInfo}>
-                <div  class={styles.teacherTopInfo}>
+                <div class={styles.teacherTopInfo}>
                   <div class={styles.teacherHeadWrap}>
                     <div class={styles.teacherHeadLeft}>
                       <img
@@ -314,20 +316,26 @@ export default defineComponent({
                             >
                               {state.teacherDetail.isStar ? '已关注' : '+ 关注'}
                             </div>
-                          ) :   <div class={styles.iconWrapList}>
-                          <img
-                            src={ state.teacherDetail.isVip?vipIcon:noVipIcon}
-                            class={styles.vipIcon}
-                            alt=""
-                          />
-                          {state.iconList.map(item => (
-                            <img
-                              class={styles.teacherDetailIcon}
-                              src={item}
-                              alt=""
-                            />
-                          ))}
-                        </div>}
+                          ) : (
+                            <div class={styles.iconWrapList}>
+                              <img
+                                src={
+                                  state.teacherDetail.isVip
+                                    ? vipIcon
+                                    : noVipIcon
+                                }
+                                class={styles.vipIcon}
+                                alt=""
+                              />
+                              {state.iconList.map(item => (
+                                <img
+                                  class={styles.teacherDetailIcon}
+                                  src={item}
+                                  alt=""
+                                />
+                              ))}
+                            </div>
+                          )}
                         </div>
                       </div>
                     </div>
@@ -337,17 +345,22 @@ export default defineComponent({
                     <p class={styles.fens}>粉丝数</p>
                   </div>
                 </div>
-                {state.teacherDetail.introduction?  <div class={styles.titleWrap}>
-                  {/* <img src={peopleIcon} alt="" /> */}
-                  <span>个人介绍</span>
-                </div>:null}
+                {state.teacherDetail.introduction ? (
+                  <div class={styles.titleWrap}>
+                    {/* <img src={peopleIcon} alt="" /> */}
+                    <span>个人介绍</span>
+                  </div>
+                ) : null}
                 <p class={styles.teacherDetail}>
                   {state.teacherDetail.introduction}
                 </p>
-                {state.teacherDetail.styleVideo&&state.teacherDetail.styleVideo.length>0?  <div class={styles.titleWrap}>
-                  {/* <img src={teacherIcon} alt="" /> */}
-                  <span>老师风采</span>
-                </div>:null}
+                {state.teacherDetail.styleVideo &&
+                state.teacherDetail.styleVideo.length > 0 ? (
+                  <div class={styles.titleWrap}>
+                    {/* <img src={teacherIcon} alt="" /> */}
+                    <span>老师风采</span>
+                  </div>
+                ) : null}
 
                 <div class={styles.teacherVideoList}>
                   {state.teacherDetail.styleVideo &&
@@ -368,7 +381,11 @@ export default defineComponent({
                             src={item.videoUrl}
                             controls={false}
                           ></video> */}
-                          <img  class={styles.videoItemVideo} src={item.cover?item.cover:styleBG} alt="" />
+                          <img
+                            class={styles.videoItemVideo}
+                            src={item.cover ? item.cover : styleBG}
+                            alt=""
+                          />
                           <img src={player} alt="" class={styles.player} />
                         </div>
                       )
@@ -380,26 +397,26 @@ export default defineComponent({
                   </div> */}
                 </div>
               </div>
-              {state.otherVideoList.length>0&&
-              <div class={styles.otherCourse}>
-                <h2>其他课程</h2>
-                <div>
-                  {state.otherVideoList.map(item => {
-                    return (
-                      <videoDetailItem
-                        detail={item}
-                        isFull={true}
-                        onGetDetail={val => {
-                          getDetail(val)
-                        }}
-                      ></videoDetailItem>
-                    )
-                  })}
+              {state.otherVideoList.length > 0 && (
+                <div class={styles.otherCourse}>
+                  <h2>其他课程</h2>
+                  <div>
+                    {state.otherVideoList.map(item => {
+                      return (
+                        <videoDetailItem
+                          detail={item}
+                          isFull={true}
+                          onGetDetail={val => {
+                            getDetail(val)
+                          }}
+                        ></videoDetailItem>
+                      )
+                    })}
 
-                  {/* videoDetailItem */}
+                    {/* videoDetailItem */}
+                  </div>
                 </div>
-              </div>
-              }
+              )}
             </div>
           </div>
           <ElDialog