优化

dist/assets/index.2b427b4e.css

@@ -1 +0,0 @@
-._userDetail_137n9_1 ._banner_137n9_1{width:100%;height:5.65333rem;overflow:hidden;vertical-align:middle}._userDetail_137n9_1 ._userInfo_137n9_7{overflow:hidden}._userDetail_137n9_1 ._userInfo_137n9_7 ._avatar_137n9_10{width:.64rem;height:.64rem;border-radius:50%;overflow:hidden}._userDetail_137n9_1 ._userInfo_137n9_7 ._name_137n9_16{padding-left:.21333rem;font-size:.42667rem;font-weight:500;color:#333;line-height:.58667rem;display:flex;align-items:center}._userDetail_137n9_1 ._userInfo_137n9_7 ._buyNum_137n9_25{color:#ff802c;font-size:.37333rem;display:flex;align-items:center}._userDetail_137n9_1 ._userInfo_137n9_7 ._buyNum_137n9_25:before{content:" ";display:inline-block;width:.02667rem;height:.32rem;margin:0 .21333rem;background:#d3d3d3}._userDetail_137n9_1 ._userInfo_137n9_7 ._buyNumInfo_137n9_39{font-size:.32rem;color:#6a6a6a;display:flex;align-items:center}._userDetail_137n9_1 ._userInfo_137n9_7 ._buyNumInfo_137n9_39 ._iconBuy_137n9_45{margin-right:.13333rem}._userDetail_137n9_1 ._userInfo_137n9_7 ._info_137n9_48{font-size:.42667rem;font-weight:600;color:var(--van-primary);line-height:.45333rem}._userDetail_137n9_1 ._userInfo_137n9_7 ._userTitle_137n9_54{font-size:.48rem;color:#1a1a1a;font-weight:500;display:block!important}._userDetail_137n9_1 ._userInfo_137n9_7 .van-cell{padding:.37333rem}._userDetail_137n9_1 ._userInfo_137n9_7 .van-cell__title{flex-basis:28%}._userDetail_137n9_1 ._userInfo_137n9_7 .van-cell__title,._userDetail_137n9_1 ._userInfo_137n9_7 .van-cell__value{display:flex;align-items:center}._userDetail_137n9_1 ._userInfo_137n9_7 .van-cell__value{justify-content:flex-end}

dist/assets/index.4653db36.css

@@ -0,0 +1 @@
+._userDetail_14081_1 ._banner_14081_1{width:100%;height:5.65333rem;overflow:hidden;vertical-align:middle}._userDetail_14081_1 ._userInfo_14081_7{overflow:hidden}._userDetail_14081_1 ._userInfo_14081_7 ._avatar_14081_10{width:.64rem;height:.64rem;border-radius:50%;overflow:hidden}._userDetail_14081_1 ._userInfo_14081_7 ._name_14081_16{padding-left:.21333rem;font-size:.42667rem;font-weight:500;color:#333;line-height:.58667rem;display:flex;align-items:center}._userDetail_14081_1 ._userInfo_14081_7 ._buyNum_14081_25{color:#ff802c;font-size:.37333rem;display:flex;align-items:center}._userDetail_14081_1 ._userInfo_14081_7 ._buyNum_14081_25:before{content:" ";display:inline-block;width:.02667rem;height:.32rem;margin:0 .21333rem;background:#d3d3d3}._userDetail_14081_1 ._userInfo_14081_7 ._buyNumInfo_14081_39{font-size:.32rem;color:#6a6a6a;display:flex;align-items:center}._userDetail_14081_1 ._userInfo_14081_7 ._buyNumInfo_14081_39 ._iconBuy_14081_45{margin-right:.13333rem}._userDetail_14081_1 ._userInfo_14081_7 ._info_14081_48{font-size:.42667rem;font-weight:600;color:var(--van-primary);line-height:.45333rem}._userDetail_14081_1 ._userInfo_14081_7 ._userTitle_14081_54{font-size:.48rem;color:#1a1a1a;font-weight:500;display:block!important}._userDetail_14081_1 ._userInfo_14081_7 .van-cell{padding:.37333rem}._userDetail_14081_1 ._userInfo_14081_7 .van-cell__title{flex-basis:60%}._userDetail_14081_1 ._userInfo_14081_7 .van-cell__title,._userDetail_14081_1 ._userInfo_14081_7 .van-cell__value{display:flex;align-items:center}._userDetail_14081_1 ._userInfo_14081_7 .van-cell__value{flex-basis:40%;justify-content:flex-end}

dist/assets/index.86973f00.css

@@ -1 +0,0 @@
-._classHeader_y0jt7_1{background:linear-gradient(#59e5d5,30%,#ffffff)}._banner_y0jt7_4{background:#fff;padding:.32rem .37333rem}._label_y0jt7_8{margin-right:.21333rem;font-size:.37333rem}._label_y0jt7_8 .van-list__loading,._label_y0jt7_8 .van-list__finished-text,._label_y0jt7_8 .van-list__error-text{width:100%}._label_y0jt7_8 .iconfont-down{margin-left:.10667rem}._liveClass_y0jt7_20 .van-sticky--fixed{box-shadow:.26667rem .26667rem .26667rem var(--box-shadow-color)}._liveItem_hifk6_1{margin:.26667rem .37333rem 0;width:auto!important;border-radius:.21333rem}._liveItem_hifk6_1 ._liCover_hifk6_6{width:3.46667rem;height:2.56rem;background:#c6c7cb;border-radius:.21333rem;overflow:hidden;margin-right:.21333rem}._liveItem_hifk6_1 ._liTitle_hifk6_14{padding-top:.10667rem;font-size:.37333rem;font-weight:600;color:#333;line-height:.53333rem}._liveItem_hifk6_1 ._liUserInfo_hifk6_21{padding-top:.10667rem;padding-bottom:.24rem;font-size:.32rem;color:#6a6a6a;line-height:.42667rem}._liveItem_hifk6_1 ._liPrice_hifk6_28{display:flex;align-items:center;justify-content:space-between}._liveItem_hifk6_1 ._liPrice_hifk6_28 ._price_hifk6_33{color:#fa6400;font-size:.37333rem;margin-right:.26667rem;font-weight:600}._liveItem_hifk6_1 ._liPrice_hifk6_28 ._price_hifk6_33 i{font-style:normal;font-size:.29333rem}._liveItem_hifk6_1 ._liPrice_hifk6_28 ._classNum_hifk6_43{background:#fff1de;border-radius:.10667rem;font-size:.32rem;color:#ff9300;line-height:.48rem;padding:.05333rem .10667rem}._liveItem_hifk6_1 ._liPrice_hifk6_28 ._num_hifk6_51,._liveItem_hifk6_1 ._liPrice_hifk6_28 ._buyNum_hifk6_52{font-size:.32rem;color:#ff802c;line-height:.48rem}._liveItem_hifk6_1 ._liPrice_hifk6_28 ._buyNum_hifk6_52{color:#999;display:flex;align-items:center;line-height:1}._liveItem_hifk6_1 ._subjectName_hifk6_63{position:absolute;top:.21333rem;left:.21333rem;font-size:.32rem;padding:.08rem .13333rem;color:#fff;line-height:1;border-radius:.02667rem;background:rgba(0,0,0,.29)}

dist/assets/index.9705398c.css

@@ -1 +0,0 @@
-._videoSection_1yj1z_1{padding:0!important}._videoSection_1yj1z_1 ._videoImg_1yj1z_4{width:2.66667rem;height:1.86667rem;position:relative;border-radius:.10667rem;overflow:hidden}._videoSection_1yj1z_1 ._videoImg_1yj1z_4 .van-image{width:inherit;height:inherit}._videoSection_1yj1z_1 ._videoImg_1yj1z_4 ._videoStop_1yj1z_15{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center}._videoSection_1yj1z_1 ._videoTitle_1yj1z_25{padding-left:.21333rem;font-size:.34667rem;display:flex;flex-direction:column;height:100%;justify-content:space-around}._videoSection_1yj1z_1 ._videoTitle_1yj1z_25 ._videoTitleText_1yj1z_33{font-size:.4rem;color:#000;max-width:5.6rem}._videoSection_1yj1z_1 ._videoTitle_1yj1z_25 ._active_1yj1z_38{color:var(--van-primary)!important}._videoSection_1yj1z_1 ._videoTitle_1yj1z_25 ._videoTitleContent_1yj1z_41{color:#7a7a7a;line-height:.48rem}._videoSection_1yj1z_1 ._living_1yj1z_45{position:absolute;top:0;left:0;color:var(--van-primary);right:0;display:flex;align-items:center;justify-content:center;font-size:.32rem;bottom:0;background:rgba(0,0,0,.25)}._videoSection_1yj1z_1 ._living_1yj1z_45 span{padding-left:.13333rem}._videoSection_1yj1z_1 ._animation_1yj1z_61{height:.48rem!important;width:.53333rem!important}

dist/assets/index.99c9c914.css

@@ -0,0 +1 @@
+._videoSection_zyrfj_1{padding:0!important}._videoSection_zyrfj_1 ._videoImg_zyrfj_4{width:3.30667rem;height:1.86667rem;position:relative;border-radius:.10667rem;overflow:hidden}._videoSection_zyrfj_1 ._videoImg_zyrfj_4 .van-image{width:inherit;height:inherit}._videoSection_zyrfj_1 ._videoImg_zyrfj_4 ._videoStop_zyrfj_15{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center}._videoSection_zyrfj_1 ._videoTitle_zyrfj_25{padding-left:.21333rem;font-size:.34667rem;display:flex;flex-direction:column;height:100%;justify-content:space-around}._videoSection_zyrfj_1 ._videoTitle_zyrfj_25 ._videoTitleText_zyrfj_33{font-size:.4rem;color:#000;max-width:5.6rem}._videoSection_zyrfj_1 ._videoTitle_zyrfj_25 ._active_zyrfj_38{color:var(--van-primary)!important}._videoSection_zyrfj_1 ._videoTitle_zyrfj_25 ._videoTitleContent_zyrfj_41{color:#7a7a7a;line-height:.48rem}._videoSection_zyrfj_1 ._living_zyrfj_45{position:absolute;top:0;left:0;color:var(--van-primary);right:0;display:flex;align-items:center;justify-content:center;font-size:.32rem;bottom:0;background:rgba(0,0,0,.25)}._videoSection_zyrfj_1 ._living_zyrfj_45 span{padding-left:.13333rem}._videoSection_zyrfj_1 ._animation_zyrfj_61{height:.48rem!important;width:.53333rem!important}

dist/assets/video-item.1c2fc742.css

@@ -1 +0,0 @@
-._videoItem_18gsp_1{border-radius:.10667rem .10667rem 0 0;background-color:#fff;overflow:hidden;width:4.48rem;margin-bottom:.32rem}._videoItem_18gsp_1 ._viCover_18gsp_8{height:2.93333rem;width:100%;vertical-align:middle}._videoItem_18gsp_1 ._viSection_18gsp_13{padding:.21333rem}._videoItem_18gsp_1 ._viTitle_18gsp_16{font-size:.37333rem;color:#1a1a1a;line-height:.53333rem}._videoItem_18gsp_1 ._viUserInfo_18gsp_21{display:flex;align-items:center;font-size:.32rem;color:#999;padding:.21333rem 0}._videoItem_18gsp_1 ._viUserInfo_18gsp_21 ._viUserLogo_18gsp_28{width:.48rem;height:.48rem;border-radius:50%;margin-right:.13333rem;overflow:hidden}._videoItem_18gsp_1 ._viUserInfo_18gsp_21 ._viUserName_18gsp_35{padding-right:.16rem;margin-right:.16rem}._videoItem_18gsp_1 ._viUserInfo_18gsp_21 ._viUserNum_18gsp_39{color:#ff802c}._videoItem_18gsp_1 ._viPrice_18gsp_42{font-size:.37333rem;font-weight:500;color:#2dc7aa}._videoItem_18gsp_1 ._subjectName_18gsp_47{position:absolute;top:.21333rem;left:.21333rem;font-size:.32rem;padding:.08rem .13333rem;color:#fff;line-height:1;border-radius:.02667rem;background:rgba(0,0,0,.29)}

dist/assets/video-item.54f92433.css

@@ -0,0 +1 @@
+._videoItem_ck7bl_1{border-radius:.21333rem;background-color:#fff;overflow:hidden;width:4.48rem;margin-bottom:.32rem}._videoItem_ck7bl_1 ._viCover_ck7bl_8{height:2.50667rem;width:100%;vertical-align:middle}._videoItem_ck7bl_1 ._viSection_ck7bl_13{padding:.21333rem}._videoItem_ck7bl_1 ._viTitle_ck7bl_16{font-size:.37333rem;color:#1a1a1a;line-height:.53333rem}._videoItem_ck7bl_1 ._viUserInfo_ck7bl_21{display:flex;align-items:center;font-size:.32rem;color:#999;padding:.21333rem 0}._videoItem_ck7bl_1 ._viUserInfo_ck7bl_21 ._viUserLogo_ck7bl_28{width:.48rem;height:.48rem;border-radius:50%;margin-right:.13333rem;overflow:hidden}._videoItem_ck7bl_1 ._viUserInfo_ck7bl_21 ._viUserName_ck7bl_35{padding-right:.16rem;margin-right:.16rem}._videoItem_ck7bl_1 ._viUserInfo_ck7bl_21 ._viUserNum_ck7bl_39{color:#ff802c}._videoItem_ck7bl_1 ._viPrice_ck7bl_42{font-size:.37333rem;font-weight:500;color:#2dc7aa}._videoItem_ck7bl_1 ._subjectName_ck7bl_47{position:absolute;top:.21333rem;left:.21333rem;font-size:.32rem;padding:.08rem .13333rem;color:#fff;line-height:1;border-radius:.02667rem;background:rgba(0,0,0,.29)}

dist/assets/video-item.9fc17f51.js

@@ -0,0 +1 @@
+import{d as r,a as s,I as c,j as i,F as v}from"./vendor.d36f0b16.js";/* empty css               */import{i as n}from"./icon_teacher.40b6f077.js";const a="_videoItem_ck7bl_1",l="_viCover_ck7bl_8",t="_viSection_ck7bl_13",_="_viTitle_ck7bl_16",u="_viUserInfo_ck7bl_21",d="_viUserLogo_ck7bl_28",b="_viUserName_ck7bl_35",N="_viUserNum_ck7bl_39",U="_viPrice_ck7bl_42",m="_subjectName_ck7bl_47";var o={videoItem:a,viCover:l,viSection:t,viTitle:_,viUserInfo:u,viUserLogo:d,viUserName:b,viUserNum:N,viPrice:U,subjectName:m},f=r({name:"VideoItem",props:{item:Object,onClick:{type:Function,default:e=>{}}},render(){const e=this.item;return s("div",{class:o.videoItem,onClick:()=>{this.onClick(e)}},[s("div",{style:{position:"relative"}},[s(c,{class:o.viCover,fit:"cover",src:e==null?void 0:e.lessonCoverUrl},null),s("span",{class:o.subjectName},[e==null?void 0:e.lessonSubjectName])]),s("div",{class:o.viSection},[s("div",{class:[o.viTitle,"van-ellipsis"]},[e==null?void 0:e.lessonName]),s("div",{class:o.viUserInfo},[s(c,{src:(e==null?void 0:e.avatar)||n,class:o.viUserLogo},null),s("span",{class:[o.viUserName,"van-hairline--right"]},[(e==null?void 0:e.userName)||`\u6E38\u5BA2${(e==null?void 0:e.teacherId)||""}`]),s("span",{class:o.viUserNum},[e==null?void 0:e.countStudent,i("\u4EBA\u5DF2\u8D2D\u4E70")])]),s("div",{class:o.viPrice},[(e==null?void 0:e.lessonPrice)>0&&s(v,null,[i("\uFFE5"),e==null?void 0:e.lessonPrice,i("/")]),e==null?void 0:e.lessonCount,i("\u8BFE\u65F6")])])])}});export{f as V};

dist/assets/video-item.a1cc02b6.js

@@ -1 +0,0 @@
-import{d as v,a as e,I as r,j as i,F as n}from"./vendor.d36f0b16.js";/* empty css               */import{i as c}from"./icon_teacher.40b6f077.js";const a="_videoItem_18gsp_1",t="_viCover_18gsp_8",l="_viSection_18gsp_13",_="_viTitle_18gsp_16",u="_viUserInfo_18gsp_21",d="_viUserLogo_18gsp_28",p="_viUserName_18gsp_35",g="_viUserNum_18gsp_39",N="_viPrice_18gsp_42",U="_subjectName_18gsp_47";var o={videoItem:a,viCover:t,viSection:l,viTitle:_,viUserInfo:u,viUserLogo:d,viUserName:p,viUserNum:g,viPrice:N,subjectName:U},j=v({name:"VideoItem",props:{item:Object,onClick:{type:Function,default:s=>{}}},render(){const s=this.item;return e("div",{class:o.videoItem,onClick:()=>{this.onClick(s)}},[e("div",{style:{position:"relative"}},[e(r,{class:o.viCover,fit:"cover",src:s==null?void 0:s.lessonCoverUrl},null),e("span",{class:o.subjectName},[s==null?void 0:s.lessonSubjectName])]),e("div",{class:o.viSection},[e("div",{class:[o.viTitle,"van-ellipsis"]},[s==null?void 0:s.lessonName]),e("div",{class:o.viUserInfo},[e(r,{src:(s==null?void 0:s.avatar)||c,class:o.viUserLogo},null),e("span",{class:[o.viUserName,"van-hairline--right"]},[(s==null?void 0:s.userName)||`\u6E38\u5BA2${(s==null?void 0:s.teacherId)||""}`]),e("span",{class:o.viUserNum},[s==null?void 0:s.countStudent,i("\u4EBA\u5DF2\u8D2D\u4E70")])]),e("div",{class:o.viPrice},[(s==null?void 0:s.lessonPrice)>0&&e(n,null,[i("\uFFE5"),s==null?void 0:s.lessonPrice,i("/")]),s==null?void 0:s.lessonCount,i("\u8BFE\u65F6")])])])}});export{j as V};

dist/index.html

@@ -35,12 +35,12 @@
     <meta name="msapplication-tap-highlight" content="no" />
     <title>酷乐秀</title>
     <script src="./flexible.js" charset="UTF-8"></script>
-    <script type="module" crossorigin src="./assets/index.715aa261.js"></script>
+    <script type="module" crossorigin src="./assets/index.ba7fb643.js"></script>
     <link rel="modulepreload" href="./assets/vendor.d36f0b16.js">
     <link rel="modulepreload" href="./assets/index.d47e6498.js">
-    <link rel="stylesheet" href="./assets/index.d6b94f11.css">
     <link rel="stylesheet" href="./assets/vendor.18cd339d.css">
-    <link rel="stylesheet" href="./assets/teacher.a6c9550a.css">
+    <link rel="stylesheet" href="./assets/index.d6b94f11.css">
+    <link rel="stylesheet" href="./assets/index.5062a520.css">
     <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
   </head>
 
@@ -49,7 +49,7 @@
     
     <!-- <script type="module" src="/src/teacher/main.ts"></script> -->
     <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.0a7245c7.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.961e481b.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.f9daf7e5.js"></script>
+    <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.367ffa63.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

dist/teacher.html

@@ -35,12 +35,12 @@
     <meta name="msapplication-tap-highlight" content="no" />
     <title>酷乐秀</title>
     <script src="./flexible.js" charset="UTF-8"></script>
-    <script type="module" crossorigin src="./assets/teacher.0d5828bd.js"></script>
+    <script type="module" crossorigin src="./assets/teacher.d165f5b3.js"></script>
     <link rel="modulepreload" href="./assets/vendor.d36f0b16.js">
     <link rel="modulepreload" href="./assets/index.d47e6498.js">
-    <link rel="stylesheet" href="./assets/vendor.18cd339d.css">
     <link rel="stylesheet" href="./assets/index.d6b94f11.css">
-    <link rel="stylesheet" href="./assets/teacher.a6c9550a.css">
+    <link rel="stylesheet" href="./assets/vendor.18cd339d.css">
+    <link rel="stylesheet" href="./assets/index.5062a520.css">
     <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
   </head>
 
@@ -48,7 +48,7 @@
     <div id="app"></div>
     
     <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.0a7245c7.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="./assets/teacher-legacy.8ce8ff2e.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.f9daf7e5.js"></script>
+    <script nomodule id="vite-legacy-entry" data-src="./assets/teacher-legacy.54340677.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

src/business-components/course-video-item/index.module.less

@@ -1,7 +1,7 @@
 .videoSection {
   padding: 0 !important;
   .videoImg {
-    width: 100px;
+    width: 124px;
     height: 70px;
     position: relative;
     border-radius: 4px;

src/business-components/user-detail/index.module.less

@@ -69,7 +69,7 @@
         padding: 14px;
       }
       .van-cell__title {
-        flex-basis: 28%;
+        flex-basis: 60%;
       }
       .van-cell__title,
       .van-cell__value {
@@ -78,6 +78,7 @@
       }
 
       .van-cell__value {
+        flex-basis: 40%;
         justify-content: flex-end;
       }
     }

src/student/live-class/live-item.module.less

@@ -2,14 +2,16 @@
   margin: 10px 14px 0;
   width: auto !important;
   border-radius: 8px;
+  padding: 10px;
 
   .liCover {
-    width: 130px;
+    width: 170px;
     height: 96px;
     background: #c6c7cb;
     border-radius: 8px;
     overflow: hidden;
     margin-right: 8px;
+    vertical-align: middle;
   }
 
   .liTitle {
@@ -18,6 +20,7 @@
     font-weight: 600;
     color: #333333;
     line-height: 20px;
+    max-width: 150px;
   }
 
   .liUserInfo {
@@ -28,6 +31,20 @@
     line-height: 16px;
   }
 
+  .liteachername {
+    display: flex;
+    align-items: center;
+    margin-bottom: 6px;
+  }
+
+  .liteacherIcon {
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-right: 4px;
+  }
+
   .liPrice {
     display: flex;
     align-items: center;
@@ -50,7 +67,7 @@
       font-size: 12px;
       color: #ff9300;
       line-height: 18px;
-      padding: 2px 4px;
+      padding: 1px 4px;
     }
 
     .num,

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

@@ -1,8 +1,10 @@
 import { defineComponent, PropType } from 'vue'
 import { Image, CellGroup, Cell, Icon } from 'vant'
 import styles from './live-item.module.less'
+import dayjs from 'dayjs'
 
 import iconSuccess from '@common/images/icon_success.png'
+import iconTeacher from '@common/images/icon_teacher.png'
 
 interface IProps {
   backgroundPic: string
@@ -13,6 +15,7 @@ interface IProps {
   coursePrice: number
   teacherName: string
   teacherId: number
+  avatar?: string
   studentCount: number
   existBuy: number
   subjectName: string
@@ -31,6 +34,7 @@ export default defineComponent({
     }
   },
   render() {
+    console.log(this.liveInfo, 121212)
     return (
       <Cell
         center
@@ -56,12 +60,21 @@ export default defineComponent({
                 {this.liveInfo.courseGroupName}
               </div>
               <div class={styles.liUserInfo}>
-                <p>
-                  老师：
+                <p class={styles.liteachername}>
+                  {/* 老师： */}
+                  <Image
+                    src={this.liveInfo.avatar || iconTeacher}
+                    class={styles.liteacherIcon}
+                  />
                   {this.liveInfo.teacherName ||
                     `游客${this.liveInfo.teacherId}`}
                 </p>
-                <p>开课时间：{this.liveInfo.courseStartTime}</p>
+                <p>
+                  开课时间：
+                  {dayjs(this.liveInfo.courseStartTime).format(
+                    'MM月DD日 HH:mm'
+                  )}
+                </p>
               </div>
               <div class={styles.liPrice}>
                 <p>

src/student/teacher-dependent/teacher-elegant.module.less

@@ -46,7 +46,7 @@
 }
 
 .tedeoItem {
-  border-radius: 4px 4px 0 0;
+  border-radius: 8px;
   background-color: #fff;
   overflow: hidden;
   width: 168px;
@@ -54,7 +54,7 @@
   position: relative;
 
   .teCover {
-    height: 110px;
+    height: 94px;
     width: 100%;
     vertical-align: middle;
     overflow: hidden;

src/student/video-class/video-item.module.less

@@ -1,12 +1,12 @@
 .videoItem {
-  border-radius: 4px 4px 0 0;
+  border-radius: 8px;
   background-color: #fff;
   overflow: hidden;
   width: 168px;
   margin-bottom: 12px;
 
   .viCover {
-    height: 110px;
+    height: 94px;
     width: 100%;
     vertical-align: middle;
   }

src/teacher/live-class/create-components/course-start.module.less

@@ -45,7 +45,7 @@
   }
   .imgContainer {
     width: 150px;
-    height: 100px;
+    height: 85px;
     border-radius: 10px;
     overflow: hidden;
     margin: 0 0 12px;

src/teacher/live-class/create-components/course-start.tsx

@@ -239,9 +239,9 @@ export default defineComponent({
                         cropper
                         bucket="live-rewind"
                         options={{
-                          fixedNumber: [3, 2],
+                          fixedNumber: [1.77, 1],
                           autoCropWidth: 750,
-                          autoCropHeight: 500
+                          autoCropHeight: 424
                         }}
                         onUploadChange={(val: any) => {
                           if (val) {
@@ -252,6 +252,14 @@ export default defineComponent({
                         class={styles.imgContainer}
                       />
                     </Col>
+                    <Col span={24}>
+                      <p
+                        class={styles.photoTip}
+                        style={{ color: '#ff4e19', padding: '0' }}
+                      >
+                        图片尺寸为750*424能达到最佳显示效果
+                      </p>
+                    </Col>
                   </Row>
                 )
               }}

src/teacher/live-class/create-components/createState.ts

@@ -14,10 +14,10 @@ export const createState = reactive({
   minutes: [] as any,
   tabIndex: 1,
   templateList: [
-    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdc.png',
-    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdl.png',
-    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdK.png',
-    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJeA.png'
+    'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853010619green.png',
+    'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853051064gray.png',
+    'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853062314yellow.png',
+    'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853076136linear.png'
   ], // 模板列表
   selectCourseList: [] as any, // 选择课程列表
   coursePlanStatus: false, // 是否有锁课程

src/teacher/live-class/create.module.less

@@ -0,0 +1,5 @@
+.live-create {
+  :global(.van-sticky--fixed) {
+    box-shadow: 10px 10px 10px var(--box-shadow-color);
+  }
+}

src/teacher/live-class/create.tsx

@@ -8,6 +8,7 @@ import Detail from './create-components/detail'
 import { Sticky } from 'vant'
 import Arrange from './create-components/arrange'
 import request from '@/helpers/request'
+import styles from './create.module.less'
 
 export default defineComponent({
   name: 'LiveCreate',
@@ -48,7 +49,7 @@ export default defineComponent({
   },
   render() {
     return (
-      <div class="live-create">
+      <div class={styles['live-create']}>
         {createState.active !== 5 && (
           <Sticky position="top" offsetTop={0}>
             <Steps

src/teacher/video-class/class-content.module.less

@@ -1,6 +1,4 @@
 .class-content {
-  margin-top: 12px;
-
   .upload {
     width: 150px;
     height: 100px;

src/teacher/video-class/class-info.module.less

@@ -1,6 +1,4 @@
 .classInfo {
-  margin-top: 12px;
-
   .infoField {
     width: 50vw;
     font-size: 16px;
@@ -46,7 +44,7 @@
 
   .imgContainer {
     width: 150px;
-    height: 100px;
+    height: 85px;
     border-radius: 10px;
     overflow: hidden;
     margin: 0 0 12px;

src/teacher/video-class/class-info.tsx

@@ -191,6 +191,7 @@ export default defineComponent({
             {/* {createState.tabIndex === 1 && ( */}
             <Field
               name="lessonCoverTemplateUrl"
+              border={false}
               v-show={createState.tabIndex === 1}
               rules={[
                 {
@@ -252,12 +253,12 @@ export default defineComponent({
                   <Row justify="space-between" style={{ width: '100%' }}>
                     <Col span={12} class={styles.imgContainer}>
                       <ColUpload
-                        cropper
+                        // cropper
                         bucket="video-course"
                         options={{
-                          fixedNumber: [3, 2],
+                          fixedNumber: [1.77, 1],
                           autoCropWidth: 750,
-                          autoCropHeight: 500
+                          autoCropHeight: 424
                         }}
                         onUploadChange={(val: any) => {
                           if (val) {
@@ -273,7 +274,7 @@ export default defineComponent({
                         class={styles.photoTip}
                         style={{ color: '#ff4e19', padding: '0' }}
                       >
-                        图片尺寸为750*500能达到最佳显示效果
+                        图片尺寸为750*424能达到最佳显示效果
                       </p>
                     </Col>
                   </Row>

src/teacher/video-class/create-submit.module.less

@@ -1,6 +1,4 @@
 .createSubmit {
-  // margin-bottom: 12px;
-
   .introduction {
     color: #7a7a7a;
     line-height: 23px;

src/teacher/video-class/create.module.less

@@ -2,7 +2,7 @@
   .gridName {
     font-size: 14px;
     font-weight: 500;
-    color: #B4B4B4;
+    color: #b4b4b4;
     line-height: 20px;
     padding-left: 8px;
     &.active {
@@ -12,9 +12,12 @@
   :global {
     .van-grid {
       padding-left: 14px;
+      padding-bottom: 12px;
+      background-color: #f6f8f9;
 
       .van-grid-item {
         padding-right: 14px;
+
         &:first-child {
           padding-right: 10px;
         }
@@ -22,11 +25,17 @@
       .van-grid-item__content {
         padding-top: 7px;
         padding-bottom: 7px;
+        border-radius: 10px;
+        overflow: hidden;
       }
       .van-badge__wrapper {
         display: flex;
         align-items: center;
       }
     }
+
+    .van-sticky--fixed {
+      box-shadow: 10px 10px 10px var(--box-shadow-color);
+    }
   }
-}
+}

src/teacher/video-class/create.tsx

@@ -1,4 +1,4 @@
-import { Grid, GridItem, Icon } from 'vant'
+import { Grid, GridItem, Icon, Sticky } from 'vant'
 import { defineComponent } from 'vue'
 import styles from './create.module.less'
 import ClassInfo from './class-info'
@@ -94,52 +94,54 @@ export default defineComponent({
     return (
       <div class={styles['video-create']}>
         {createState.active <= 2 ? (
-          <Grid
-            border={false}
-            style={{ paddingTop: '15px' }}
-            direction="horizontal"
-            columnNum="2"
-          >
-            <GridItem
-              v-slots={{
-                default: () => (
-                  <>
-                    <Icon name={nameActive} size={38} />
-                    <span
-                      class={[
-                        styles.gridName,
-                        createState.active >= 1 ? styles.active : null
-                      ]}
-                    >
-                      课程信息
-                    </span>
-                  </>
-                )
-              }}
-            />
-            <GridItem
-              v-slots={{
-                default: () => (
-                  <>
-                    <Icon
-                      name={
-                        createState.active === 2 ? educationActive : education
-                      }
-                      size={38}
-                    />
-                    <span
-                      class={[
-                        styles.gridName,
-                        createState.active === 2 ? styles.active : null
-                      ]}
-                    >
-                      课程内容
-                    </span>
-                  </>
-                )
-              }}
-            />
-          </Grid>
+          <Sticky position="top" offsetTop={0}>
+            <Grid
+              border={false}
+              style={{ paddingTop: '15px' }}
+              direction="horizontal"
+              columnNum="2"
+            >
+              <GridItem
+                v-slots={{
+                  default: () => (
+                    <>
+                      <Icon name={nameActive} size={38} />
+                      <span
+                        class={[
+                          styles.gridName,
+                          createState.active >= 1 ? styles.active : null
+                        ]}
+                      >
+                        课程信息
+                      </span>
+                    </>
+                  )
+                }}
+              />
+              <GridItem
+                v-slots={{
+                  default: () => (
+                    <>
+                      <Icon
+                        name={
+                          createState.active === 2 ? educationActive : education
+                        }
+                        size={38}
+                      />
+                      <span
+                        class={[
+                          styles.gridName,
+                          createState.active === 2 ? styles.active : null
+                        ]}
+                      >
+                        课程内容
+                      </span>
+                    </>
+                  )
+                }}
+              />
+            </Grid>
+          </Sticky>
         ) : null}
         {/* 课程信息 */}
         {createState.active === 1 ? (

src/teacher/video-class/createState.tsx

@@ -1,5 +1,16 @@
 import { reactive } from 'vue'
+/*
+https://ks3-cn-beijing.ksyuncs.com/video-course/1657853010619green.png
+https://ks3-cn-beijing.ksyuncs.com/video-course/1657853051064gray.png
+https://ks3-cn-beijing.ksyuncs.com/video-course/1657853062314yellow.png
+https://ks3-cn-beijing.ksyuncs.com/video-course/1657853076136linear.png
 
+'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdc.png',
+    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdl.png',
+    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdK.png',
+    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJeA.png',
+
+*/
 export const createState = reactive({
   groupId: 0,
   active: 1,
@@ -8,10 +19,10 @@ export const createState = reactive({
   rate: 0, // 手续费
   subjectList: [], // 声部列表
   templateList: [
-    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdc.png',
-    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdl.png',
-    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdK.png',
-    'https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJeA.png'
+    'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853010619green.png',
+    'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853051064gray.png',
+    'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853062314yellow.png',
+    'https://ks3-cn-beijing.ksyuncs.com/video-course/1657853076136linear.png'
   ], // 模板列表
   lessonGroup: {
     id: null,