@cmstops/pro-compo 3.9.1-harbin.1 → 3.9.1-harbin.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/README.md +107 -107
  2. package/dist/gif.worker.js +3 -3
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.min.js.map +1 -1
  5. package/es/appCenter/style/index.less +120 -120
  6. package/es/baseFilter/components/FilterGroup.js +1 -1
  7. package/es/baseFilter/style/filterGroup.less +53 -53
  8. package/es/baseFilter/style/index.less +45 -45
  9. package/es/colorPalette/style/index.less +44 -44
  10. package/es/contentDetailList/components/ShowQRCode/QrcodeView/index.js +2 -2
  11. package/es/contentDetailList/style/ComoItem.less +99 -99
  12. package/es/contentDetailList/style/Content.less +49 -49
  13. package/es/contentDetailList/style/ContentListItem.less +132 -132
  14. package/es/contentDetailList/style/CustomItem.less +25 -25
  15. package/es/contentDetailList/style/Doc.less +3 -3
  16. package/es/contentDetailList/style/DocItem.less +152 -152
  17. package/es/contentDetailList/style/DocMpItem.less +135 -135
  18. package/es/contentDetailList/style/GroupPieceItem.less +108 -108
  19. package/es/contentDetailList/style/KongoNavItem.less +104 -104
  20. package/es/contentDetailList/style/LiveItem.less +108 -108
  21. package/es/contentDetailList/style/MaccountItem.less +111 -111
  22. package/es/contentDetailList/style/MatrixItem.less +214 -214
  23. package/es/contentDetailList/style/QrCodeView.less +93 -93
  24. package/es/contentDetailList/style/ShowQRCode.less +3 -3
  25. package/es/contentDetailList/style/courseItem.less +108 -108
  26. package/es/contentDetailList/style/funhdItem.less +108 -108
  27. package/es/contentDetailList/style/index.less +30 -30
  28. package/es/contentModal/component.js +8 -8
  29. package/es/contentModal/components/ViewAllColumn/MediaFilter/index.js +177 -6
  30. package/es/contentModal/components/ViewAllColumn/columnTree/index.js +151 -0
  31. package/es/contentModal/components/storeBox/index.js +2 -2
  32. package/es/contentModal/script/api.js +7 -1
  33. package/es/contentModal/style/MediaFilter.less +47 -47
  34. package/es/contentModal/style/ViewAllColumn.less +68 -68
  35. package/es/contentModal/style/columnTree.less +32 -32
  36. package/es/contentModal/style/index.less +23 -23
  37. package/es/contentModal/style/storeBox.less +55 -55
  38. package/es/dataTags/component.js +5 -5
  39. package/es/dataTags/style/index.less +73 -73
  40. package/es/docHistory/component.js +1 -1
  41. package/es/docHistory/style/docDiffPanel.less +43 -43
  42. package/es/docHistory/style/docHistoryList.less +58 -58
  43. package/es/docHistory/style/index.less +37 -37
  44. package/es/docPreview/component.js +5 -5
  45. package/es/docPreview/style/index.less +140 -140
  46. package/es/docPreview/style/previewIframe.less +36 -36
  47. package/es/editMetaInfo/components/metaInfoForm.js +2 -2
  48. package/es/editMetaInfo/style/index.less +60 -60
  49. package/es/emptyData/style/index.less +34 -34
  50. package/es/gif.worker.js +3 -3
  51. package/es/imageCrop/component.js +2 -2
  52. package/es/imageCrop/style/cropper.less +291 -291
  53. package/es/imageCrop/style/imageCropper.less +133 -133
  54. package/es/imageCrop/style/index.less +2 -2
  55. package/es/importData/component.js +4 -4
  56. package/es/importData/style/index.less +48 -48
  57. package/es/index.less +30 -30
  58. package/es/mediaFilter/components/DocFilter.js +1 -1
  59. package/es/mediaFilter/components/FilterGroup.js +1 -1
  60. package/es/mediaFilter/style/index.less +115 -115
  61. package/es/mediaView/style/index.less +71 -71
  62. package/es/messageBox/component.js +1 -1
  63. package/es/messageBox/list.js +1 -1
  64. package/es/messageBox/style/index.less +76 -76
  65. package/es/previousVersion/style/index.less +209 -209
  66. package/es/resourceGridList/component.js +1 -1
  67. package/es/resourceGridList/style/FileTypeThumb.less +96 -96
  68. package/es/resourceGridList/style/index.less +233 -233
  69. package/es/resourceModal/component.js +1 -1
  70. package/es/resourceModal/components/MediaSelection/MainContent/index.js +1 -1
  71. package/es/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.js +1 -1
  72. package/es/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js +1 -1
  73. package/es/resourceModal/components/MediaSelection/ToolbarSearch/index.js +1 -1
  74. package/es/resourceModal/style/DocAiMediaSelected.less +55 -55
  75. package/es/resourceModal/style/FileTypeThumb.less +205 -205
  76. package/es/resourceModal/style/MainContent.less +222 -222
  77. package/es/resourceModal/style/MediaPreviewer.less +71 -71
  78. package/es/resourceModal/style/MediaSelection.less +69 -69
  79. package/es/resourceModal/style/SystemResourceSelected.less +154 -154
  80. package/es/resourceModal/style/ToolbarSearch.less +53 -53
  81. package/es/resourceModal/style/index.less +18 -18
  82. package/es/selectAddTo/component.js +1 -1
  83. package/es/selectAddTo/components/SelectAddToView.js +3 -3
  84. package/es/selectAddTo/components/ViewAllColumn/index.js +1 -1
  85. package/es/selectAddTo/style/index.less +3 -3
  86. package/es/selectAvatarList/style/index.less +4 -4
  87. package/es/selectGategory/component.js +1 -1
  88. package/es/selectGategory/style/ColumnSelection.less +190 -190
  89. package/es/selectGategory/style/index.less +40 -40
  90. package/es/selectResourceModal/component.js +5 -5
  91. package/es/selectResourceModal/components/List/ListLocal/Upload.js +2 -2
  92. package/es/selectResourceModal/components/List/ListLocal/index.js +1 -1
  93. package/es/selectResourceModal/components/List/ListNormal/Filter.js +5 -5
  94. package/es/selectResourceModal/components/List/ListSystem/Filter.js +1 -1
  95. package/es/selectResourceModal/components/List/ListSystem/SubList.js +1 -1
  96. package/es/selectResourceModal/style/index.less +55 -55
  97. package/es/selectResourceModal/style/list.less +203 -203
  98. package/es/selectResourceModal/style/listCardWrapper.less +97 -97
  99. package/es/selectResourceModal/style/listSelected.less +94 -94
  100. package/es/selectThumb/component.js +8 -8
  101. package/es/selectThumb/style/card.less +95 -95
  102. package/es/selectThumb/style/colorPalette.less +30 -30
  103. package/es/selectThumb/style/index.less +62 -62
  104. package/es/style/index.less +1 -1
  105. package/es/style.css +14 -14
  106. package/es/thumbCard/style/index.less +90 -90
  107. package/es/thumbCard/style/thumbUploading.less +26 -26
  108. package/es/typeIcons/style/index.less +6 -6
  109. package/es/uploadBefore/components/UploadBefore.js +1 -1
  110. package/es/uploadBefore/style/index.less +144 -144
  111. package/es/uploadStep/style/index.less +152 -152
  112. package/es/userAvater/component.js +1 -1
  113. package/es/userAvater/style/index.less +54 -54
  114. package/es/userDirector/component.js +1 -1
  115. package/es/userDirector/style/index.less +96 -96
  116. package/es/videoThumb/style/index.less +77 -77
  117. package/lib/appCenter/style/index.less +120 -120
  118. package/lib/baseFilter/components/FilterGroup.js +1 -1
  119. package/lib/baseFilter/style/filterGroup.less +53 -53
  120. package/lib/baseFilter/style/index.less +45 -45
  121. package/lib/colorPalette/style/index.less +44 -44
  122. package/lib/contentDetailList/components/ShowQRCode/QrcodeView/index.js +2 -2
  123. package/lib/contentDetailList/style/ComoItem.less +99 -99
  124. package/lib/contentDetailList/style/Content.less +49 -49
  125. package/lib/contentDetailList/style/ContentListItem.less +132 -132
  126. package/lib/contentDetailList/style/CustomItem.less +25 -25
  127. package/lib/contentDetailList/style/Doc.less +3 -3
  128. package/lib/contentDetailList/style/DocItem.less +152 -152
  129. package/lib/contentDetailList/style/DocMpItem.less +135 -135
  130. package/lib/contentDetailList/style/GroupPieceItem.less +108 -108
  131. package/lib/contentDetailList/style/KongoNavItem.less +104 -104
  132. package/lib/contentDetailList/style/LiveItem.less +108 -108
  133. package/lib/contentDetailList/style/MaccountItem.less +111 -111
  134. package/lib/contentDetailList/style/MatrixItem.less +214 -214
  135. package/lib/contentDetailList/style/QrCodeView.less +93 -93
  136. package/lib/contentDetailList/style/ShowQRCode.less +3 -3
  137. package/lib/contentDetailList/style/courseItem.less +108 -108
  138. package/lib/contentDetailList/style/funhdItem.less +108 -108
  139. package/lib/contentDetailList/style/index.less +30 -30
  140. package/lib/contentModal/component.js +8 -8
  141. package/lib/contentModal/components/ViewAllColumn/MediaFilter/index.js +176 -5
  142. package/lib/contentModal/components/ViewAllColumn/columnTree/index.js +152 -0
  143. package/lib/contentModal/components/storeBox/index.js +2 -2
  144. package/lib/contentModal/script/api.js +7 -0
  145. package/lib/contentModal/style/MediaFilter.less +47 -47
  146. package/lib/contentModal/style/ViewAllColumn.less +68 -68
  147. package/lib/contentModal/style/columnTree.less +32 -32
  148. package/lib/contentModal/style/index.less +23 -23
  149. package/lib/contentModal/style/storeBox.less +55 -55
  150. package/lib/dataTags/component.js +5 -5
  151. package/lib/dataTags/style/index.less +73 -73
  152. package/lib/docHistory/component.js +1 -1
  153. package/lib/docHistory/style/docDiffPanel.less +43 -43
  154. package/lib/docHistory/style/docHistoryList.less +58 -58
  155. package/lib/docHistory/style/index.less +37 -37
  156. package/lib/docPreview/component.js +5 -5
  157. package/lib/docPreview/style/index.less +140 -140
  158. package/lib/docPreview/style/previewIframe.less +36 -36
  159. package/lib/editMetaInfo/components/metaInfoForm.js +2 -2
  160. package/lib/editMetaInfo/style/index.less +60 -60
  161. package/lib/emptyData/style/index.less +34 -34
  162. package/lib/imageCrop/component.js +2 -2
  163. package/lib/imageCrop/style/cropper.less +291 -291
  164. package/lib/imageCrop/style/imageCropper.less +133 -133
  165. package/lib/imageCrop/style/index.less +2 -2
  166. package/lib/importData/component.js +4 -4
  167. package/lib/importData/style/index.less +48 -48
  168. package/lib/index.less +30 -30
  169. package/lib/mediaFilter/components/DocFilter.js +1 -1
  170. package/lib/mediaFilter/components/FilterGroup.js +1 -1
  171. package/lib/mediaFilter/style/index.less +115 -115
  172. package/lib/mediaView/style/index.less +71 -71
  173. package/lib/messageBox/component.js +1 -1
  174. package/lib/messageBox/list.js +1 -1
  175. package/lib/messageBox/style/index.less +76 -76
  176. package/lib/previousVersion/style/index.less +209 -209
  177. package/lib/resourceGridList/component.js +1 -1
  178. package/lib/resourceGridList/style/FileTypeThumb.less +96 -96
  179. package/lib/resourceGridList/style/index.less +233 -233
  180. package/lib/resourceModal/component.js +1 -1
  181. package/lib/resourceModal/components/MediaSelection/MainContent/index.js +1 -1
  182. package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.js +1 -1
  183. package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js +1 -1
  184. package/lib/resourceModal/components/MediaSelection/ToolbarSearch/index.js +1 -1
  185. package/lib/resourceModal/style/DocAiMediaSelected.less +55 -55
  186. package/lib/resourceModal/style/FileTypeThumb.less +205 -205
  187. package/lib/resourceModal/style/MainContent.less +222 -222
  188. package/lib/resourceModal/style/MediaPreviewer.less +71 -71
  189. package/lib/resourceModal/style/MediaSelection.less +69 -69
  190. package/lib/resourceModal/style/SystemResourceSelected.less +154 -154
  191. package/lib/resourceModal/style/ToolbarSearch.less +53 -53
  192. package/lib/resourceModal/style/index.less +18 -18
  193. package/lib/selectAddTo/component.js +1 -1
  194. package/lib/selectAddTo/components/SelectAddToView.js +3 -3
  195. package/lib/selectAddTo/components/ViewAllColumn/index.js +1 -1
  196. package/lib/selectAddTo/style/index.less +3 -3
  197. package/lib/selectAvatarList/style/index.less +4 -4
  198. package/lib/selectGategory/component.js +1 -1
  199. package/lib/selectGategory/style/ColumnSelection.less +190 -190
  200. package/lib/selectGategory/style/index.less +40 -40
  201. package/lib/selectResourceModal/component.js +5 -5
  202. package/lib/selectResourceModal/components/List/ListLocal/Upload.js +2 -2
  203. package/lib/selectResourceModal/components/List/ListLocal/index.js +1 -1
  204. package/lib/selectResourceModal/components/List/ListNormal/Filter.js +5 -5
  205. package/lib/selectResourceModal/components/List/ListSystem/Filter.js +1 -1
  206. package/lib/selectResourceModal/components/List/ListSystem/SubList.js +1 -1
  207. package/lib/selectResourceModal/style/index.less +55 -55
  208. package/lib/selectResourceModal/style/list.less +203 -203
  209. package/lib/selectResourceModal/style/listCardWrapper.less +97 -97
  210. package/lib/selectResourceModal/style/listSelected.less +94 -94
  211. package/lib/selectThumb/component.js +8 -8
  212. package/lib/selectThumb/style/card.less +95 -95
  213. package/lib/selectThumb/style/colorPalette.less +30 -30
  214. package/lib/selectThumb/style/index.less +62 -62
  215. package/lib/style/index.less +1 -1
  216. package/lib/thumbCard/style/index.less +90 -90
  217. package/lib/thumbCard/style/thumbUploading.less +26 -26
  218. package/lib/typeIcons/style/index.less +6 -6
  219. package/lib/uploadBefore/components/UploadBefore.js +1 -1
  220. package/lib/uploadBefore/style/index.less +144 -144
  221. package/lib/uploadStep/style/index.less +152 -152
  222. package/lib/userAvater/component.js +1 -1
  223. package/lib/userAvater/style/index.less +54 -54
  224. package/lib/userDirector/component.js +1 -1
  225. package/lib/userDirector/style/index.less +96 -96
  226. package/lib/videoThumb/style/index.less +77 -77
  227. package/package.json +138 -138
@@ -1,54 +1,54 @@
1
- .user-avater-container {
2
-
3
- }
4
-
5
- .user-avater-content-info {
6
- width: 328px;
7
- display: flex;
8
- flex-direction: column;
9
- align-items: center;
10
- justify-content: center;
11
- padding: 24px;
12
- padding-bottom: 0px;
13
- line-height: 1;
14
- .avatar {
15
- width: 74px;
16
- height: 74px;
17
- position: relative;
18
- border-radius: 50%;
19
- overflow: hidden;
20
- margin-bottom: 10px;
21
- display: flex;
22
- align-items: center;
23
- justify-content: center;
24
- .arco-avatar {
25
- width: 100%;
26
- height: 100%;
27
- }
28
- }
29
- .nick-name {
30
- font-size: 16px;
31
- color: #1D2129;
32
- font-weight: 500;
33
- margin-bottom: 10px;
34
- }
35
- .user-name,
36
- .user-email {
37
- font-size: 14px;
38
- color: #86909C;
39
- margin-bottom: 10px;
40
- }
41
- .org-alias {
42
- border: 1px solid #EBEEF5;
43
- padding: 10px 20px;
44
- border-radius: 40px;
45
- }
46
- .b_info_bottom {
47
- height: 52px;
48
- padding: 10px 16px;
49
- width: 100%;
50
- display: flex;
51
- align-items: center;
52
- justify-content: center;
53
- }
54
- }
1
+ .user-avater-container {
2
+
3
+ }
4
+
5
+ .user-avater-content-info {
6
+ width: 328px;
7
+ display: flex;
8
+ flex-direction: column;
9
+ align-items: center;
10
+ justify-content: center;
11
+ padding: 24px;
12
+ padding-bottom: 0px;
13
+ line-height: 1;
14
+ .avatar {
15
+ width: 74px;
16
+ height: 74px;
17
+ position: relative;
18
+ border-radius: 50%;
19
+ overflow: hidden;
20
+ margin-bottom: 10px;
21
+ display: flex;
22
+ align-items: center;
23
+ justify-content: center;
24
+ .arco-avatar {
25
+ width: 100%;
26
+ height: 100%;
27
+ }
28
+ }
29
+ .nick-name {
30
+ font-size: 16px;
31
+ color: #1D2129;
32
+ font-weight: 500;
33
+ margin-bottom: 10px;
34
+ }
35
+ .user-name,
36
+ .user-email {
37
+ font-size: 14px;
38
+ color: #86909C;
39
+ margin-bottom: 10px;
40
+ }
41
+ .org-alias {
42
+ border: 1px solid #EBEEF5;
43
+ padding: 10px 20px;
44
+ border-radius: 40px;
45
+ }
46
+ .b_info_bottom {
47
+ height: 52px;
48
+ padding: 10px 16px;
49
+ width: 100%;
50
+ display: flex;
51
+ align-items: center;
52
+ justify-content: center;
53
+ }
54
+ }
@@ -226,7 +226,7 @@ const _sfc_main = defineComponent({
226
226
  onClick: clearUserSelectedList
227
227
  }, {
228
228
  default: withCtx(() => _cache[0] || (_cache[0] = [
229
- createTextVNode("\u5168\u90E8\u6E05\u9664", -1)
229
+ createTextVNode("\u5168\u90E8\u6E05\u9664")
230
230
  ])),
231
231
  _: 1,
232
232
  __: [0]
@@ -1,96 +1,96 @@
1
- .user-director-modal-body {
2
- padding: 0;
3
- background: var(--color-bg-1);
4
-
5
- .arco-collapse {
6
- height: calc(100% - 36px);
7
- }
8
-
9
- .arco-collapse-item-content {
10
- padding-right: 0;
11
- padding-left: 10px;
12
- background: var(--color-bg-1);
13
- }
14
- }
15
-
16
- .user-select-content {
17
- display: flex;
18
- height: 50vh;
19
-
20
- .user-select-left,
21
- .user-select-right {
22
- width: 50%;
23
- height: 100%;
24
- }
25
-
26
- .user-select-left {
27
- border-right: 1px solid var(--color-neutral-3);
28
- }
29
-
30
- .user-select-left {
31
- .arco-select-view-single {
32
- border: none;
33
- }
34
-
35
- .scroll {
36
- height: calc(100% - 40px);
37
- }
38
- }
39
-
40
- .user-select-right {
41
- .scroll {
42
- height: calc(100% - 40px);
43
- }
44
-
45
- .user-select-right-title {
46
- display: flex;
47
- justify-content: space-between;
48
- padding: 6px 16px;
49
- font-weight: 500;
50
- font-size: 14px;
51
- border-bottom: 1px solid var(--color-neutral-3);
52
- }
53
- }
54
-
55
- .user-item {
56
- display: flex;
57
- align-items: center;
58
- justify-content: space-between;
59
-
60
- &.padding {
61
- padding: 5px 16px;
62
- }
63
-
64
- .left {
65
- display: flex;
66
- align-items: center;
67
-
68
- .avatar {
69
- margin-right: 10px;
70
- }
71
- }
72
-
73
- .action {
74
- display: none;
75
- }
76
-
77
- &:hover {
78
- background-color: var(--color-fill-1);
79
-
80
- .action {
81
- display: flex;
82
- }
83
- }
84
- }
85
-
86
- .tree-action {
87
- position: absolute;
88
- top: 7px;
89
- right: 30px;
90
- display: none;
91
- }
92
-
93
- .arco-tree-node:hover .tree-action {
94
- display: flex;
95
- }
96
- }
1
+ .user-director-modal-body {
2
+ padding: 0;
3
+ background: var(--color-bg-1);
4
+
5
+ .arco-collapse {
6
+ height: calc(100% - 36px);
7
+ }
8
+
9
+ .arco-collapse-item-content {
10
+ padding-right: 0;
11
+ padding-left: 10px;
12
+ background: var(--color-bg-1);
13
+ }
14
+ }
15
+
16
+ .user-select-content {
17
+ display: flex;
18
+ height: 50vh;
19
+
20
+ .user-select-left,
21
+ .user-select-right {
22
+ width: 50%;
23
+ height: 100%;
24
+ }
25
+
26
+ .user-select-left {
27
+ border-right: 1px solid var(--color-neutral-3);
28
+ }
29
+
30
+ .user-select-left {
31
+ .arco-select-view-single {
32
+ border: none;
33
+ }
34
+
35
+ .scroll {
36
+ height: calc(100% - 40px);
37
+ }
38
+ }
39
+
40
+ .user-select-right {
41
+ .scroll {
42
+ height: calc(100% - 40px);
43
+ }
44
+
45
+ .user-select-right-title {
46
+ display: flex;
47
+ justify-content: space-between;
48
+ padding: 6px 16px;
49
+ font-weight: 500;
50
+ font-size: 14px;
51
+ border-bottom: 1px solid var(--color-neutral-3);
52
+ }
53
+ }
54
+
55
+ .user-item {
56
+ display: flex;
57
+ align-items: center;
58
+ justify-content: space-between;
59
+
60
+ &.padding {
61
+ padding: 5px 16px;
62
+ }
63
+
64
+ .left {
65
+ display: flex;
66
+ align-items: center;
67
+
68
+ .avatar {
69
+ margin-right: 10px;
70
+ }
71
+ }
72
+
73
+ .action {
74
+ display: none;
75
+ }
76
+
77
+ &:hover {
78
+ background-color: var(--color-fill-1);
79
+
80
+ .action {
81
+ display: flex;
82
+ }
83
+ }
84
+ }
85
+
86
+ .tree-action {
87
+ position: absolute;
88
+ top: 7px;
89
+ right: 30px;
90
+ display: none;
91
+ }
92
+
93
+ .arco-tree-node:hover .tree-action {
94
+ display: flex;
95
+ }
96
+ }
@@ -1,77 +1,77 @@
1
- .video-thumb {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 10px;
5
- box-sizing: border-box;
6
- width: 100%;
7
- height: 100%;
8
- overflow: hidden;
9
-
10
- // 播放器
11
- .video-player-container {
12
- display: flex;
13
- flex: 1;
14
- flex-direction: column;
15
- align-items: center;
16
- justify-content: center;
17
- overflow: hidden;
18
-
19
- img {
20
- max-width: 800px;
21
- max-height: 100%;
22
- }
23
- }
24
-
25
- // 视频封面列表
26
- .video-thumb-list {
27
- position: relative;
28
- display: flex;
29
- height: 80px;
30
- padding: 10px 0;
31
-
32
- .video-thumb-list-item {
33
- flex: 1;
34
- cursor: pointer;
35
- user-select: none;
36
-
37
- img {
38
- width: 100%;
39
- height: 100%;
40
- object-fit: cover;
41
- transition: all 0.1s ease-in-out;
42
- // 不允许拖动
43
- pointer-events: none;
44
- }
45
-
46
- &:hover:not(.active) {
47
- img {
48
- transform: scale(1.05);
49
- }
50
- }
51
- }
52
-
53
- .video-thumb-list-drager {
54
- position: absolute;
55
- top: 10px;
56
- left: 0;
57
- z-index: 100;
58
- width: 6px;
59
- height: calc(100% - 20px);
60
- background-color: rgb(var(--primary-5));
61
- cursor: pointer;
62
- transition: transform 0.3s ease-in-out;
63
-
64
- &:hover {
65
- transform: scale(1.05);
66
- }
67
- }
68
- }
69
-
70
- &-loading {
71
- display: flex;
72
- align-items: center;
73
- justify-content: center;
74
- width: 100%;
75
- height: 100%;
76
- }
77
- }
1
+ .video-thumb {
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: 10px;
5
+ box-sizing: border-box;
6
+ width: 100%;
7
+ height: 100%;
8
+ overflow: hidden;
9
+
10
+ // 播放器
11
+ .video-player-container {
12
+ display: flex;
13
+ flex: 1;
14
+ flex-direction: column;
15
+ align-items: center;
16
+ justify-content: center;
17
+ overflow: hidden;
18
+
19
+ img {
20
+ max-width: 800px;
21
+ max-height: 100%;
22
+ }
23
+ }
24
+
25
+ // 视频封面列表
26
+ .video-thumb-list {
27
+ position: relative;
28
+ display: flex;
29
+ height: 80px;
30
+ padding: 10px 0;
31
+
32
+ .video-thumb-list-item {
33
+ flex: 1;
34
+ cursor: pointer;
35
+ user-select: none;
36
+
37
+ img {
38
+ width: 100%;
39
+ height: 100%;
40
+ object-fit: cover;
41
+ transition: all 0.1s ease-in-out;
42
+ // 不允许拖动
43
+ pointer-events: none;
44
+ }
45
+
46
+ &:hover:not(.active) {
47
+ img {
48
+ transform: scale(1.05);
49
+ }
50
+ }
51
+ }
52
+
53
+ .video-thumb-list-drager {
54
+ position: absolute;
55
+ top: 10px;
56
+ left: 0;
57
+ z-index: 100;
58
+ width: 6px;
59
+ height: calc(100% - 20px);
60
+ background-color: rgb(var(--primary-5));
61
+ cursor: pointer;
62
+ transition: transform 0.3s ease-in-out;
63
+
64
+ &:hover {
65
+ transform: scale(1.05);
66
+ }
67
+ }
68
+ }
69
+
70
+ &-loading {
71
+ display: flex;
72
+ align-items: center;
73
+ justify-content: center;
74
+ width: 100%;
75
+ height: 100%;
76
+ }
77
+ }