更新样式

src/business-components/user-detail/index.tsx

@@ -99,10 +99,7 @@ export default defineComponent({
               title: () => (
                 <div class={styles.name}>
                   <div class={styles.username}>
-                    <div>
-                      {this.userInfo.username ||
-                        `游客${this.userInfo.id || ''}`}
-                    </div>
+                    {this.userInfo.username || `游客${this.userInfo.id || ''}`}
                     <div>
                       {(this.userInfo as any).isDegree && (
                         <img class={styles.iconTeacher} src={IconXueli} />
@@ -124,7 +121,11 @@ export default defineComponent({
                     this.userInfo.auditVersion !== 0 && <>￥{0}</>}
                   {this.userInfo.lessonPrice <= 0 &&
                     this.userInfo.auditVersion === 0 && <>免费</>}
-                  <span style={{color: '#999', fontSize: '14px', fontWeight: 400}}>/{this.userInfo.lessonNum}课时</span>
+                  <span
+                    style={{ color: '#999', fontSize: '14px', fontWeight: 400 }}
+                  >
+                    /{this.userInfo.lessonNum}课时
+                  </span>
                   {this.showBuy && (
                     <div class={styles.buyNum}>
                       {this.userInfo.buyNum}人已

src/student/teacher-dependent/components/live.module.less

@@ -46,16 +46,17 @@
   //   margin-right: 10px;
   // }
 }
-.num {
-  color: #ff802c;
-  font-size: 13px;
-}
+// .num {
+//   color: #ff802c;
+//   font-size: 13px;
+// }
 
-.buyNum {
+.buyNum,
+.num {
   color: #ff802c;
-  display: flex;
-  align-items: center;
-  line-height: 1;
+  // display: flex;
+  // align-items: center;
+  // line-height: 1;
   font-size: 13px;
 }
 

src/student/teacher-dependent/components/live.tsx

@@ -160,10 +160,7 @@ export default defineComponent({
                     default: () => (
                       <div>
                         {item.existBuy === 1 ? (
-                          <span class={styles.buyNum}>
-                            {/* <Icon name={iconSuccess} size="15" /> */}
-                            已购买
-                          </span>
+                          <span class={styles.buyNum}>已购买</span>
                         ) : (
                           <span class={styles.num}>
                             {item.studentCount}人已购买

src/views/live-class/live-item.tsx

@@ -70,9 +70,11 @@ export default defineComponent({
                   objectFit: 'cover'
                 }}
               />
-              <span class={styles.subjectName}>
-                {this.liveInfo.subjectName}
-              </span>
+              {this.liveInfo.subjectName && (
+                <span class={styles.subjectName}>
+                  {this.liveInfo.subjectName}
+                </span>
+              )}
             </div>
           ),
           title: () => (

src/views/music/component/song/index.module.less

@@ -28,7 +28,7 @@
       padding: 2px 4px 0;
       border-radius: 4px;
     }
-    .tag:not(:first-child){
+    .tag:not(:first-child) {
       margin-left: 6px;
     }
     .user {
@@ -40,6 +40,10 @@
         line-height: 16px;
         margin-right: 12px;
         padding-top: 2px;
+        max-width: 120px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
       .tags {
         & > span {