fix: #9751

src/views/courseware-list/component/book/index.tsx

@@ -296,6 +296,9 @@ export default defineComponent({
             })
             if (res?.code == 200 && res.data?.length) {
               // console.log(res.data)
+              res.data.forEach((n: any) => {
+                n.coursewareDetailKnowledgeId = n.coursewareDetailKnowledgeId || item.id
+              })
               data.coursewareList = res.data;
               // 如果只有一个课件，直接进入该课件
               if (res.data.length == 1) {

src/views/courseware-play/component/instrument-info/index.module.less

@@ -139,8 +139,8 @@
                 flex-direction: column;
                 align-items: center;
                 > img {
-                    width: 110px;
-                    height: 110px;
+                    width: 138px;
+                    height: 120px;
                 }
                 > span {
                     font-size: 14px;

src/views/courseware-play/component/point.module.less

@@ -13,9 +13,10 @@
 .pointHead {
   display: flex;
   align-items: center;
-  padding: 13px 10px 15px 15px;
+  padding: 13px 10px 0 15px;
   flex-shrink: 0;
-  font-size: 14px;
+  font-size: 16px;
+  font-weight: 500;
 
   img {
     width: 16px;
@@ -99,22 +100,25 @@
 .collapse {
 
   .collapseItem {
-    padding: 7px;
+    padding: 12px 12px 2px;
   }
 
   .collapseKnow {
-    padding: 14px 14px 0;
+    padding: 20px 12px 0 18px;
     position: relative;
     :global {
       .van-cell {
         margin-bottom: 8px;
+        font-size: 13px;
+        font-weight: normal !important;
+        color: #333 !important;
       }
     }
     &::before {
       content: "";
       position: absolute;
       left: 5px;
-      top: 8px;
+      top: 10px;
       width: calc(100% - 10px);
       height: 1px;
       background: #D5E2EA;
@@ -123,7 +127,7 @@
   :global {
     .van-cell {
       background: transparent;
-      font-size: 13px;
+      font-size: 14px;
       color: #777;
       padding: 0;
       border: none;
@@ -170,7 +174,17 @@
       }
     }
   }
+  .activeItem2 {
+    background: #ECF8FF;
+    border-radius: 9px;
 
+    :global {
+      .van-cell {
+        color: #1C9AF7 !important;
+        font-weight: 500 !important;
+      }
+    }
+  }
   .itemActive {
     font-weight: 500;
 

src/views/courseware-play/component/points.tsx

@@ -123,7 +123,6 @@ export default defineComponent({
                 border={false}
                 isLink={false}
                 title={item.name}
-                titleClass={'van-ellipsis'}
                 titleStyle={{ width: '80%' }}
                 name={item.id}>
                 {{
@@ -143,7 +142,7 @@ export default defineComponent({
                               class={[
                                 styles.collapseItem,
                                 styles.collapseKnow,
-                                pointData.zsdId === know.id ? styles.activeItem : ''
+                                pointData.zsdId === know.id ? styles.activeItem2 : ''
                               ]}
                               border={false}
                               isLink={false}

src/views/courseware-play/image/chapter-default-arrow.svg

@@ -1,14 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>切片</title>
-    <g id="修改页面8.18" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="5、切换单元备份-3" transform="translate(-558.000000, -246.000000)" fill="#AAAAAA">
-            <g id="编组-9" transform="translate(542.000000, 0.000000)">
-                <g id="编组-5" transform="translate(16.000000, 242.000000)">
-                    <g id="展开更多备份" transform="translate(6.000000, 10.000000) rotate(-90.000000) translate(-6.000000, -10.000000) translate(0.000000, 4.000000)">
-                        <path d="M6.38411064,3.96093277 L10.3165898,8.6799078 C10.4933719,8.89204625 10.4647098,9.2073286 10.2525714,9.38411064 C10.1627139,9.45899189 10.0494474,9.5 9.93247919,9.5 L2.06752081,9.5 C1.79137843,9.5 1.56752081,9.27614237 1.56752081,9 C1.56752081,8.88303175 1.60852892,8.7697653 1.68341017,8.6799078 L5.61588936,3.96093277 C5.7926714,3.74879432 6.10795375,3.72013229 6.3200922,3.89691433 C6.34332373,3.91627394 6.36475103,3.93770124 6.38411064,3.96093277 Z" id="展开更多" transform="translate(6.000000, 6.500000) rotate(-180.000000) translate(-6.000000, -6.500000) "></path>
-                    </g>
-                </g>
+<svg width="7px" height="10px" viewBox="0 0 7 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>展开更多备份 6</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.501187279">
+        <g id="课件-课件列表收起" transform="translate(-565.000000, -212.000000)" fill="#333333">
+            <g id="展开更多备份-6" transform="translate(568.500000, 217.000000) rotate(-90.000000) translate(-568.500000, -217.000000) translate(563.500000, 214.000000)">
+                <path d="M5.38411064,0.460932768 L9.31658983,5.1799078 C9.49337187,5.39204625 9.46470984,5.7073286 9.25257139,5.88411064 C9.16271389,5.95899189 9.04944745,6 8.93247919,6 L1.06752081,6 C0.791378431,6 0.567520806,5.77614237 0.567520806,5.5 C0.567520806,5.38303175 0.608528916,5.2697653 0.683410167,5.1799078 L4.61588936,0.460932768 C4.7926714,0.248794319 5.10795375,0.220132287 5.3200922,0.396914328 C5.34332373,0.416273938 5.36475103,0.437701235 5.38411064,0.460932768 Z" id="展开更多" transform="translate(5.000000, 3.000000) rotate(-180.000000) translate(-5.000000, -3.000000) "></path>
             </g>
         </g>
     </g>

src/views/courseware-play/image/chapter-down-arrow.svg

@@ -1,13 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>切片</title>
-    <g id="修改页面8.18" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="5、切换单元备份-3" transform="translate(-558.000000, -62.000000)" fill="#1C9AF7">
-            <g id="编组-9" transform="translate(542.000000, 0.000000)">
-                <g id="编组-11" transform="translate(16.000000, 58.000000)">
-                    <g id="展开更多" transform="translate(0.000000, 4.000000)">
-                        <path d="M6.38411064,3.96093277 L10.3165898,8.6799078 C10.4933719,8.89204625 10.4647098,9.2073286 10.2525714,9.38411064 C10.1627139,9.45899189 10.0494474,9.5 9.93247919,9.5 L2.06752081,9.5 C1.79137843,9.5 1.56752081,9.27614237 1.56752081,9 C1.56752081,8.88303175 1.60852892,8.7697653 1.68341017,8.6799078 L5.61588936,3.96093277 C5.7926714,3.74879432 6.10795375,3.72013229 6.3200922,3.89691433 C6.34332373,3.91627394 6.36475103,3.93770124 6.38411064,3.96093277 Z" transform="translate(6.000000, 6.500000) rotate(-180.000000) translate(-6.000000, -6.500000) "></path>
-                    </g>
+<svg width="10px" height="7px" viewBox="0 0 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>展开更多备份 2</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="课件-课件列表展开" transform="translate(-563.000000, -68.000000)" fill="#1C9AF7">
+            <g id="编组-9" transform="translate(550.000000, 50.000000)">
+                <g id="展开更多备份-2" transform="translate(18.000000, 21.500000) rotate(-360.000000) translate(-18.000000, -21.500000) translate(13.000000, 18.500000)">
+                    <path d="M5.38411064,0.460932768 L9.31658983,5.1799078 C9.49337187,5.39204625 9.46470984,5.7073286 9.25257139,5.88411064 C9.16271389,5.95899189 9.04944745,6 8.93247919,6 L1.06752081,6 C0.791378431,6 0.567520806,5.77614237 0.567520806,5.5 C0.567520806,5.38303175 0.608528916,5.2697653 0.683410167,5.1799078 L4.61588936,0.460932768 C4.7926714,0.248794319 5.10795375,0.220132287 5.3200922,0.396914328 C5.34332373,0.416273938 5.36475103,0.437701235 5.38411064,0.460932768 Z" id="展开更多" transform="translate(5.000000, 3.000000) rotate(-180.000000) translate(-5.000000, -3.000000) "></path>
                 </g>
             </g>
         </g>