修改样式

src/views/attend-class/index.tsx

@@ -332,7 +332,7 @@ export default defineComponent({
     onMounted(() => {
       // initMoveable();
       const query = route.query;
-      console.log(query, props.preStudentNum, '学生人数');
+      // console.log(query, props.preStudentNum, '学生人数');
       // 先取参数，
       data.type = props.type || (query.type as any);
       data.courseId = props.courseId || query.courseId;

src/views/natural-resources/components/my-resources/upload-modal/index.module.less

@@ -59,7 +59,7 @@
       position: absolute;
       bottom: 0;
       left: 0;
-      font-size: 12px;
+      font-size: 12Px;
       font-weight: 600;
       color: #FFFFFF;
       height: 43px;

src/views/natural-resources/components/my-resources/upload-modal/index.tsx

@@ -220,7 +220,7 @@ export default defineComponent({
                     />
 
                     <div class={styles.commonType}>
-                      是否公开：
+                      是否公开
                       <NSwitch
                         size="small"
                         v-model:value={item.openFlag}

src/views/prepare-lessons/components/lesson-main/courseware-presets/index.module.less

@@ -54,7 +54,7 @@
     background: #FFFFFF;
     box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
     border-radius: 0px 17px 17px 0px;
-    flex: 0 0 320px;
+    flex: 0 0 380px;
 
     transition: all .1s ease;
     position: absolute;
@@ -68,7 +68,7 @@
       position: absolute;
       left: -23px;
       top: 50%;
-      margin-top: -25px;
+      margin-top: -30px;
       display: inline-block;
       width: 23px;
       height: 50px;
@@ -102,6 +102,7 @@
 
 .coursewarePresets {
   max-height: calc(var(--window-page-lesson-height) - 100px);
+  min-height: calc(var(--window-page-lesson-height) - 100px);
   // padding: 0 20px 0px;
 }
 
@@ -245,11 +246,11 @@
   // padding: 0 20px 0px;
   gap: 10px 0;
   margin: 0 -10px 0;
-  min-height: calc(var(--window-page-lesson-height) - 100px);
   // height: 313px;
 
 
   &.listEmpty {
+    min-height: calc(var(--window-page-lesson-height) - 100px);
     align-items: center;
   }
 

src/views/prepare-lessons/components/lesson-main/courseware-presets/index.tsx

@@ -526,7 +526,10 @@ export default defineComponent({
                     </div>
                   ))}
                   {!forms.loading && forms.tableList.length <= 0 && (
-                    <TheEmpty class={styles.empty1} description="暂无课件" />
+                    <TheEmpty
+                      class={styles.empty1}
+                      description="当前章节暂无课件，快点击右上角创建课件吧"
+                    />
                   )}
                 </div>
               </div>

src/views/prepare-lessons/components/lesson-main/courseware-presets/select-related/index.module.less

@@ -50,8 +50,9 @@
     width: 111px;
     height: 63px;
     margin-right: 10px;
-    border-radius: 7px;
+    border-radius: 12px;
     border: 1px solid #EFF0F2;
+    overflow: hidden;
 
     :global {
       .n-image {

src/views/prepare-lessons/components/lesson-main/courseware/addCourseware.tsx

@@ -635,17 +635,13 @@ export default defineComponent({
           <NSpace>
             <NButton
               type="error"
+              bordered={false}
               onClick={() => {
                 const objA = JSON.stringify(forms.coursewareList);
                 const objB = JSON.stringify(forms.baseCoursewareList);
                 if (objA === objB) {
                   emit('change', {
-                    status: false,
-                    addParam: {
-                      isAdd: !props.groupItem.id ? true : false,
-                      name: forms.name,
-                      id: forms.createId
-                    }
+                    status: false
                   });
                   eventGlobal.emit('teacher-slideshow', false);
                 } else {
@@ -950,12 +946,7 @@ export default defineComponent({
                 forms.messageOperation.type === 'pageLive'
               ) {
                 emit('change', {
-                  status: false,
-                  addParam: {
-                    isAdd: !props.groupItem.id ? true : false,
-                    name: forms.name,
-                    id: forms.createId
-                  }
+                  status: false
                 });
                 eventGlobal.emit('teacher-slideshow', false);
                 if (

src/views/prepare-lessons/components/lesson-main/train/index.module.less

@@ -111,7 +111,7 @@
 
   :global {
     .n-input {
-      --n-height: 38px !important;
+      --n-height: 42px !important;
       width: 280px;
     }
   }

src/views/prepare-lessons/components/lesson-main/train/index.tsx

@@ -242,6 +242,7 @@ export default defineComponent({
 
           <NSpace>
             <NButton
+              bordered={false}
               type="error"
               disabled={forms.trainList.length <= 0}
               onClick={() => {
@@ -250,6 +251,7 @@ export default defineComponent({
               清空
             </NButton>
             <NButton
+              bordered={false}
               type="error"
               onClick={() => {
                 // forms.drag = false;
@@ -287,7 +289,7 @@ export default defineComponent({
               </NButton>
             ) : (
               <NButton
-                type="default"
+                type="primary"
                 disabled={forms.trainList.length <= 0}
                 onClick={() => {
                   if (!forms.title) {

src/views/prepare-lessons/model/add-courseware-protocol/index.module.less

@@ -52,7 +52,7 @@
   }
 
   p {
-    font-size: 18px;
+    font-size: max(18px, 14Px);
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
     color: #777777;
@@ -85,8 +85,8 @@
   .checkbox {
     margin-top: 6px;
     margin-right: 5px;
-    width: 14Px;
-    height: 14Px;
+    width: 15Px;
+    height: 15Px;
     display: inline-block;
     background: url('../../images/protocol/check-default.png') no-repeat center;
     background-size: contain;
@@ -107,7 +107,7 @@
   background: #FFFFFF;
   border-radius: 16px;
   position: relative;
-  padding: 0 30px 35px;
+  padding: 0 50px 35px;
   overflow: hidden;
 
   .downMoveBg {
@@ -141,7 +141,7 @@
   }
 
   .protocolContent {
-    font-size: max(18px, 14Px);
+    font-size: max(18px, 13Px);
     line-height: 30px;
     color: #777;
     text-align: justify;

src/views/prepare-lessons/model/add-courseware-protocol/index.tsx

@@ -119,7 +119,8 @@ export default defineComponent({
                 3.1
                 您理解并同意，您将课件与作业及相关智力成果上传至音乐数字课堂，即视为您授予了平台方无期限限制的、全球范围内的、不可撤销的信息网络传播权和其他形式的使用权。为了更好地对课件与作业进行宣传和推广，平台方可以将上述权利转让或者转授予给其关联公司或者合作伙伴，而无须征得您的同意。您如果不同意上述条款，请不要将作品上传至音乐数字课堂。
                 <br />
-                3.2平台方仅对您提交的资料和信息进行审核，并不对您的主体资质和上传的课件与作业内容的真实性、正确性、合法性承担任何责任或提供任何担保。
+                3.2
+                平台方仅对您提交的资料和信息进行审核，并不对您的主体资质和上传的课件与作业内容的真实性、正确性、合法性承担任何责任或提供任何担保。
                 <br />
                 3.3
                 如果任何第三方侵犯音乐数字课堂用户相关的权利，用户同意授权平台方或其指定的代理人代表平台方自身或用户对该第三方提出警告、投诉、发起行政执法、诉讼、进行上诉，或谈判和解，并且用户同意在平台方认为必要的情况下参与共同维权。
@@ -128,7 +129,8 @@ export default defineComponent({
                 4.1
                 平台方通过音乐数字课堂所提供的服务，均限于在音乐数字课堂平台内使用，禁止任何以恶意破解等非法手段将音乐数字课堂内的服务与音乐数字课堂平台分离的行为，否则，由此引起的一切后果由行为人负责，平台方将保留依法追究行为人法律责任的权利。
                 <br />
-                4.2未经平台方书面同意，您不得将已上传至音乐数字课堂平台上的培训课件与作业的任何资料文件直接、间接或经修改后提供给任何第三方。
+                4.2
+                未经平台方书面同意，您不得将已上传至音乐数字课堂平台上的培训课件与作业的任何资料文件直接、间接或经修改后提供给任何第三方。
                 <br />
                 4.3
                 保留权利：本协议未明示许可的其他一切权利仍归平台方所有，您使用其他权利时必须获得平台方的书面同意。
@@ -137,32 +139,35 @@ export default defineComponent({
                 除本协议有明确规定外，本协议并未对平台方其他服务规定相关的服务条款，对于这些服务可能有单独的服务条款加以规范，请您在使用有关服务时另行了解与确认。如您使用该服务，视为对相关服务条款的接受。
                 <br />
                 <p>5 用户使用须知</p>
-                5.1您承诺您具有履行本协议义务的权利能力及资格，因您自身职务或职业要求导致本协议无法履行或合同目的无法实现的，您应当及时通知平台方，并共同协商解决办法，以保证将事件影响性降到最低。
+                5.1
+                您承诺您具有履行本协议义务的权利能力及资格，因您自身职务或职业要求导致本协议无法履行或合同目的无法实现的，您应当及时通知平台方，并共同协商解决办法，以保证将事件影响性降到最低。
                 <br />
-                5.2您保证，您上传的课件与作业所涉的创意、脚本、资料、课件与作业等全部文件资料不违反国家相关法律法规、不侵犯第三方权益，且平台方按照约定行使授权内容的相关权利不会侵犯任何第三方的合法权益，也无须另行取得任何第三方的同意，更无须对任何第三方承担责任。如您违反前述保证，平台方有权采取包括但不限于删除相关课件与作业内容、中止或终止向您提供服务等措施。如您上传的课件与作业侵犯了第三方的合法权利，第三方向平台方提出举报，平台方有权删除相关的内容。当权利人发现音乐数字课堂上相关课件与作业侵犯其合法权益时，权利人可向平台方举报，平台方将根据中国法律法规和规范性文件的规定采取移除相关内容等合理措施。
+                5.2
+                您保证，您上传的课件与作业所涉的创意、脚本、资料、课件与作业等全部文件资料不违反国家相关法律法规、不侵犯第三方权益，且平台方按照约定行使授权内容的相关权利不会侵犯任何第三方的合法权益，也无须另行取得任何第三方的同意，更无须对任何第三方承担责任。如您违反前述保证，平台方有权采取包括但不限于删除相关课件与作业内容、中止或终止向您提供服务等措施。如您上传的课件与作业侵犯了第三方的合法权利，第三方向平台方提出举报，平台方有权删除相关的内容。当权利人发现音乐数字课堂上相关课件与作业侵犯其合法权益时，权利人可向平台方举报，平台方将根据中国法律法规和规范性文件的规定采取移除相关内容等合理措施。
                 <br />
-                5.3您保证上传的课件与作业中不含以下内容：
+                5.3 您保证上传的课件与作业中不含以下内容：
                 <br />
                 <div class={styles.child}>
-                  1.反对宪法所确定的基本原则；
+                  1. 反对宪法所确定的基本原则；
                   <br />
-                  2.危害国家安全，泄漏国家秘密，颠覆国家政权，破坏国家统一；
+                  2. 危害国家安全，泄漏国家秘密，颠覆国家政权，破坏国家统一；
                   <br />
-                  3.损害国家荣誉和利益； <br />
-                  4.煽动民族仇恨、民族歧视，破坏民族团结；
+                  3. 损害国家荣誉和利益； <br />
+                  4. 煽动民族仇恨、民族歧视，破坏民族团结；
                   <br />
-                  5.破坏国家宗教政策，宣扬邪教和封建迷信；
+                  5. 破坏国家宗教政策，宣扬邪教和封建迷信；
                   <br />
-                  6.散布谣言，扰乱社会秩序，破坏社会稳定；
+                  6. 散布谣言，扰乱社会秩序，破坏社会稳定；
                   <br />
-                  7.散布淫秽、色情、赌博、暴力、凶杀、恐怖或教唆犯罪；
+                  7. 散布淫秽、色情、赌博、暴力、凶杀、恐怖或教唆犯罪；
                   <br />
-                  8.侮辱或者诽谤他人，侵害他人合法权益；
+                  8. 侮辱或者诽谤他人，侵害他人合法权益；
                   <br />
-                  9.含有法律、行政法规严令禁止的其他内容。
+                  9. 含有法律、行政法规严令禁止的其他内容。
                   <br />
                 </div>
-                5.4上述承诺与保证不受本协议期限的限制，您违反上述任一的保证与承诺的，平台方有权即时解除本协议并要求您承担由此产生的全部责任。
+                5.4
+                上述承诺与保证不受本协议期限的限制，您违反上述任一的保证与承诺的，平台方有权即时解除本协议并要求您承担由此产生的全部责任。
                 <br />
                 <p>6 隐私政策 </p>
                 6.1 目的
@@ -177,7 +182,8 @@ export default defineComponent({
                 7.3
                 对于因电信系统或互联网网络故障、计算机故障或病毒、信息损坏或丢失、计算机系统问题或其它任何不可抗力原因而产生损失，平台方不承担任何责任。
                 <br />
-                7.4您知悉并同意，为实现部分软件功能，平台方有权将您在使用该服务过程当中产生的部分或全部数据信息，上传、保存至第三方云服务存储器，并根据您发出的功能指令需求，自行调取相关数据信息。因第三方云服务发生中断等功能障碍事故导致平台方无法正常提供服务的，平台方会尽其商业上的合理努力负责协调解决，但由此给您造成损失的，您同意平台方免责。
+                7.4
+                您知悉并同意，为实现部分软件功能，平台方有权将您在使用该服务过程当中产生的部分或全部数据信息，上传、保存至第三方云服务存储器，并根据您发出的功能指令需求，自行调取相关数据信息。因第三方云服务发生中断等功能障碍事故导致平台方无法正常提供服务的，平台方会尽其商业上的合理努力负责协调解决，但由此给您造成损失的，您同意平台方免责。
                 <br />
                 7.5
                 您违反本协议规定，对平台方造成损害的。平台方有权采取包括但不限于中断使用许可、停止提供服务、限制使用、法律追究等措施。

src/views/prepare-lessons/model/courseware-type/index.module.less

@@ -116,7 +116,7 @@
       .function {
         opacity: 1;
         visibility: visible;
-        transition: all .2s ease;
+        transition: all .1s ease;
       }
     }
 
@@ -125,8 +125,8 @@
       right: 0;
       top: 0;
       display: inline-block;
-      width: 81px;
-      height: 22px;
+      width: 97px;
+      height: 26px;
       background: url('../../images/icon-no-work.png') no-repeat center;
       background-size: contain;
     }
@@ -423,6 +423,7 @@
     border-radius: 8px;
     padding: 8px 13px;
     cursor: pointer;
+    margin: 3px 0;
 
     i {
       margin-right: 13px;
@@ -451,7 +452,7 @@
   justify-content: center;
   opacity: 0;
   visibility: hidden;
-  transition: opacity 0.2s ease;
+  transition: opacity 0.1s ease;
 
   .iconLook,
   .iconAdd {

src/views/prepare-lessons/model/courseware-type/index.tsx

@@ -89,7 +89,7 @@ export default defineComponent({
           {/* 是否有添加逻辑 */}
           {props.isShowAdd && (
             <div class={styles.function}>
-              <NTooltip showArrow={false}>
+              <NTooltip showArrow={false} duration={30}>
                 {{
                   trigger: () => (
                     <i class={styles.iconLook} onClick={() => emit('look')}></i>
@@ -97,7 +97,7 @@ export default defineComponent({
                   default: () => '预览课件'
                 }}
               </NTooltip>
-              <NTooltip showArrow={false}>
+              <NTooltip showArrow={false} duration={30}>
                 {{
                   trigger: () => (
                     <i class={styles.iconAdd} onClick={() => emit('add')}></i>
@@ -133,7 +133,11 @@ export default defineComponent({
                   onClick={() => emit('work')}>
                   作业
                 </div>
-                <NPopover trigger="hover" showArrow={false} to={false}>
+                <NPopover
+                  trigger="hover"
+                  showArrow={false}
+                  to={false}
+                  duration={50}>
                   {{
                     trigger: () => <div class={[styles.menu]}></div>,
                     default: () => (

src/views/prepare-lessons/model/related-class/index.module.less

@@ -7,7 +7,7 @@
   display: flex;
   align-items: center;
   gap: 0 24px;
-  margin-bottom: 28px;
+  margin-bottom: 18px;
   padding: 0 40px;
 
   :global {
@@ -37,10 +37,10 @@
 .classList {
   max-height: 60vh;
   min-height: 60vh;
-  padding: 0 40px;
 
   .listSection {
     min-height: 60vh;
+    padding: 0 40px 0;
   }
 
   .emptySection {
@@ -53,7 +53,8 @@
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
-  padding: 0 0 12px;
+
+  padding: 12px 0 12px;
   gap: 20px 0;
   margin: 0 -10px 0;
   min-height: 202px;

src/views/prepare-lessons/model/related-class/index.tsx

@@ -141,25 +141,25 @@ export default defineComponent({
           </NInput>
         </div>
 
-        <NScrollbar
-          class={styles.classList}
-          style={{
-            'max-height': `60vh`
-          }}
-          onScroll={(e: any) => {
-            const clientHeight = e.target?.clientHeight;
-            const scrollTop = e.target?.scrollTop;
-            const scrollHeight = e.target?.scrollHeight;
-            // 是否到底，是否加载完
-            if (
-              clientHeight + scrollTop + 20 >= scrollHeight &&
-              !forms.finshed &&
-              !forms.loading
-            ) {
-              throttleFn();
-            }
-          }}>
-          <NSpin show={forms.loading} size={'small'}>
+        <NSpin show={forms.loading} size={'small'}>
+          <NScrollbar
+            class={styles.classList}
+            style={{
+              'max-height': `60vh`
+            }}
+            onScroll={(e: any) => {
+              const clientHeight = e.target?.clientHeight;
+              const scrollTop = e.target?.scrollTop;
+              const scrollHeight = e.target?.scrollHeight;
+              // 是否到底，是否加载完
+              if (
+                clientHeight + scrollTop + 20 >= scrollHeight &&
+                !forms.finshed &&
+                !forms.loading
+              ) {
+                throttleFn();
+              }
+            }}>
             <div
               style={{
                 'min-height': `60vh)`
@@ -192,8 +192,8 @@ export default defineComponent({
               )}
               {!forms.loading && forms.tableList.length <= 0 && <TheEmpty />}
             </div>
-          </NSpin>
-        </NScrollbar>
+          </NScrollbar>
+        </NSpin>
       </div>
     );
   }