@x-edu/live-player 0.0.19 → 0.0.21

package/src/asset/img/video-play.svg

@@ -1,6 +1,6 @@
-<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.9">
-<path opacity="0.5" d="M50.0003 4.16699C24.6872 4.16699 4.16699 24.6872 4.16699 50.0003C4.16699 75.3135 24.6872 95.8337 50.0003 95.8337C75.3135 95.8337 95.8337 75.3135 95.8337 50.0003C95.8337 24.6872 75.3135 4.16699 50.0003 4.16699Z" fill="black"/>
-<path d="M69.1943 53.0433C62.6836 57.3394 43.1527 70.2308 43.1527 70.2308C42.0331 70.9688 40.5987 71.0326 39.4179 70.397C38.2372 69.7613 37.5007 68.5288 37.5003 67.1878V32.8161C37.5004 31.4747 38.2371 30.2417 39.4182 29.6059C40.5994 28.9702 42.0343 29.0344 43.154 29.7731C43.154 29.7731 67.012 45.5196 69.1956 46.9606C71.3793 48.4016 71.3793 51.6055 69.1956 53.0466C67.012 54.4876 75.7051 48.7472 69.1943 53.0433Z" fill="white"/>
-</g>
-</svg>
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.9">
+<path opacity="0.5" d="M50.0003 4.16699C24.6872 4.16699 4.16699 24.6872 4.16699 50.0003C4.16699 75.3135 24.6872 95.8337 50.0003 95.8337C75.3135 95.8337 95.8337 75.3135 95.8337 50.0003C95.8337 24.6872 75.3135 4.16699 50.0003 4.16699Z" fill="black"/>
+<path d="M69.1943 53.0433C62.6836 57.3394 43.1527 70.2308 43.1527 70.2308C42.0331 70.9688 40.5987 71.0326 39.4179 70.397C38.2372 69.7613 37.5007 68.5288 37.5003 67.1878V32.8161C37.5004 31.4747 38.2371 30.2417 39.4182 29.6059C40.5994 28.9702 42.0343 29.0344 43.154 29.7731C43.154 29.7731 67.012 45.5196 69.1956 46.9606C71.3793 48.4016 71.3793 51.6055 69.1956 53.0466C67.012 54.4876 75.7051 48.7472 69.1943 53.0433Z" fill="white"/>
+</g>
+</svg>

package/src/asset/style/background.less

@@ -1,20 +1,20 @@
-.aggregationBg() {
-  &::before {
-    pointer-events: none;
-    content: ' ';
-    position: absolute;
-    right: -50px;
-    top: -50px;
-    height: 100vh;
-    width: 100%;
-    background: url('../img/bg-block.png') center center no-repeat;
-    transform: rotate(14.58deg);
-    transform-origin: 100% 0;
-    z-index: 0;
-    background-size: 80%;
-  }
-  & > * {
-    position: relative;
-    z-index: 1;
-  }
+.aggregationBg() {
+  &::before {
+    pointer-events: none;
+    content: ' ';
+    position: absolute;
+    right: -50px;
+    top: -50px;
+    height: 100vh;
+    width: 100%;
+    background: url('../img/bg-block.png') center center no-repeat;
+    transform: rotate(14.58deg);
+    transform-origin: 100% 0;
+    z-index: 0;
+    background-size: 80%;
+  }
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
 }

package/src/asset/style/banner.less

@@ -1,36 +1,36 @@
-@import '@/component/mixin.less';
-
-@names: ~'家庭教育指导' ~'家庭教育方法' ~'家庭教育观念'
-~'体育锻炼' ~'影视教育' ~'文化艺术' ~'研学实践' ~'科普教育' ~'经典阅读'
-~'党史学习' ~'爱国主义' ~'宪法法治' ~'品德教育' ~'思政课程' ~'劳动教育' ~'优秀传统文化' ~'生命与安全' ~'心理健康' ~'生态文明'  
-~'党建德育' ~'“双减”工作' ~'学前教育' ~'义务教育' ~'普通高中' ~'特殊教育' ~'教学成果' ~'教育信息化' ~'综合改革'  
-// ~'重大主题教育进课程教材' ~'三科统编教材' ~'全国教材建设奖获奖教材' ~'电子教材' ~'数字教材探索' ~'课程教材培训'
-// ~'习近平谈劳动' ~'政策文件及解读' ~'最美劳动者' ~'劳动教育研究'
-// ~'清单方案' ~'资源公告'
-// ~'案例集锦' ~'技能示范' ~'创新创业'
-~'劳动光荣' ~'劳动导航' ~'劳动智慧'
-~'教材专区'
-;
-
-// 这里加变量，上面img里加图
-// 栏目页banner用
-
-// loop definition
-.backgrounds(@list, @i: 1) when (@i <= length(@list)) {
-  // extract the right color from the list
-  @name: extract(@list, @i);
-  
-  // apply the background to the selector
-  .@{name} {
-    &:active, &:hover, &.current {
-      color: #fff !important;
-      .bgCompact('/src/asset/img/activeBanner/@{name}.png');
-    }
-  }
-  
-  // recursive call for the next color
-  .backgrounds(@list, @i + 1);
-}
-
-// application
-.backgrounds(@names);
+@import '@/component/mixin.less';
+
+@names: ~'家庭教育指导' ~'家庭教育方法' ~'家庭教育观念'
+~'体育锻炼' ~'影视教育' ~'文化艺术' ~'研学实践' ~'科普教育' ~'经典阅读'
+~'党史学习' ~'爱国主义' ~'宪法法治' ~'品德教育' ~'思政课程' ~'劳动教育' ~'优秀传统文化' ~'生命与安全' ~'心理健康' ~'生态文明'  
+~'党建德育' ~'“双减”工作' ~'学前教育' ~'义务教育' ~'普通高中' ~'特殊教育' ~'教学成果' ~'教育信息化' ~'综合改革'  
+// ~'重大主题教育进课程教材' ~'三科统编教材' ~'全国教材建设奖获奖教材' ~'电子教材' ~'数字教材探索' ~'课程教材培训'
+// ~'习近平谈劳动' ~'政策文件及解读' ~'最美劳动者' ~'劳动教育研究'
+// ~'清单方案' ~'资源公告'
+// ~'案例集锦' ~'技能示范' ~'创新创业'
+~'劳动光荣' ~'劳动导航' ~'劳动智慧'
+~'教材专区'
+;
+
+// 这里加变量，上面img里加图
+// 栏目页banner用
+
+// loop definition
+.backgrounds(@list, @i: 1) when (@i <= length(@list)) {
+  // extract the right color from the list
+  @name: extract(@list, @i);
+  
+  // apply the background to the selector
+  .@{name} {
+    &:active, &:hover, &.current {
+      color: #fff !important;
+      .bgCompact('/src/asset/img/activeBanner/@{name}.png');
+    }
+  }
+  
+  // recursive call for the next color
+  .backgrounds(@list, @i + 1);
+}
+
+// application
+.backgrounds(@names);

package/src/asset/style/base.less

@@ -1,74 +1,74 @@
-@import '~@/asset/style/variable';
-
-/* 多行文本超出省略 */
-.line-clamp-ellipsis(@value) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: @value;
-  word-break: break-word;
-}
-/* 单行省略 */
-.textOverflow() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  white-space: nowrap;
-}
-/* 白色带阴影背景框 */
-.container-box-shadow() {
-  box-shadow: 0px 0px 3.6px 0.4px rgba(0, 0, 0, 0.08);
-  border-radius: 4px;
-  overflow: hidden;
-}
-/* 四周带阴影背景框 */
-.full-container-box-shadow() {
-  box-shadow: 0px 0.5px 10px rgba(0, 0, 0, 0.08);
-  border-radius: 4px;
-  overflow: hidden;
-}
-.textOverflowMulti(@line: 3, @bg: #fff) {
-  overflow: hidden;
-  position: relative;
-  line-height: 1.5em;
-  max-height: @line * 1.5em;
-  text-align: justify;
-  margin-right: -1em;
-  padding-right: 1em;
-
-  &::before {
-    background: @bg;
-    content: '...';
-    padding: 0 1px;
-    position: absolute;
-    right: 14px;
-    bottom: 0;
-  }
-
-  &::after {
-    background: white;
-    content: '';
-    margin-top: 0.2em;
-    position: absolute;
-    right: 14px;
-    width: 1em;
-    height: 1em;
-  }
-}
-.clearfix() {
-  zoom: 1;
-
-  &::before,
-  &::after {
-    content: ' ';
-    display: table;
-  }
-
-  &::after {
-    clear: both;
-    visibility: hidden;
-    font-size: 0;
-    height: 0;
-  }
-}
+@import '~@/asset/style/variable';
+
+/* 多行文本超出省略 */
+.line-clamp-ellipsis(@value) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: @value;
+  word-break: break-word;
+}
+/* 单行省略 */
+.textOverflow() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
+}
+/* 白色带阴影背景框 */
+.container-box-shadow() {
+  box-shadow: 0px 0px 3.6px 0.4px rgba(0, 0, 0, 0.08);
+  border-radius: 4px;
+  overflow: hidden;
+}
+/* 四周带阴影背景框 */
+.full-container-box-shadow() {
+  box-shadow: 0px 0.5px 10px rgba(0, 0, 0, 0.08);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.textOverflowMulti(@line: 3, @bg: #fff) {
+  overflow: hidden;
+  position: relative;
+  line-height: 1.5em;
+  max-height: @line * 1.5em;
+  text-align: justify;
+  margin-right: -1em;
+  padding-right: 1em;
+
+  &::before {
+    background: @bg;
+    content: '...';
+    padding: 0 1px;
+    position: absolute;
+    right: 14px;
+    bottom: 0;
+  }
+
+  &::after {
+    background: white;
+    content: '';
+    margin-top: 0.2em;
+    position: absolute;
+    right: 14px;
+    width: 1em;
+    height: 1em;
+  }
+}
+.clearfix() {
+  zoom: 1;
+
+  &::before,
+  &::after {
+    content: ' ';
+    display: table;
+  }
+
+  &::after {
+    clear: both;
+    visibility: hidden;
+    font-size: 0;
+    height: 0;
+  }
+}

package/src/asset/style/index.less

@@ -1,114 +1,114 @@
-@import '@/component/mixin.less';
-
-html,
-body {
-  height: 100%;
-  margin: 0;
-  line-height: 1.5;
-  box-sizing: border-box;
-}
-
-.gray {
-  filter: grayscale(100%);
-}
-
-#root {
-  overflow-x: hidden;
-}
-/**
-* IE 11 flex布局兼容性问题：
-* min-height 和 flex 共用时，.main 内容的实际高度小于 min-height 时，footer 布局异常（stick footer失效）
-* 解决：在 min-height 外的父div(.main-wrapper)需要设置成 display:flex
-*/
-.main-wrapper {
-  background: radial-gradient(29% 54% at 84% 95%, #f1f1f5 28%, #eff2f9 77%);
-  overflow-x: hidden;
-  height: 100%;
-  &.iframe {
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-}
-
-.main {
-  display: flex;
-  flex-flow: column;
-  overflow-x: hidden;
-}
-
-.content {
-  flex: 1;
-}
-
-// IE 11 flex布局兼容性问题
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-  .content {
-    flex-basis: auto;
-  }
-}
-
-// 飘窗
-.advertisement {
-  .bgCompact('/src/asset/img/advertisement.png');
-  background-size: cover;
-  width: 322px;
-  height: 172px;
-}
-
-.advertisement-placeholder {
-  width: 322px;
-  height: 172px;
-}
-
-.icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden; 
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  svg path,rect {
-    fill: currentColor;
-  }
-}
-
-symbol path {
-  fill: currentColor;
-}
-
-::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-  background-color: #f5f5f5;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #ccc;
-  border-radius: 6px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #ddd;
-}
-
-.fish-video {
-  .vjs-poster {
-    filter: brightness(0.75);
-  }
-  .video-js.vjs-big-play-centered .vjs-big-play-button {
-    background-color: transparent;
-    border: none;
-    margin-top: -50px;
-    margin-left: -50px;
-    .vjs-icon-placeholder {
-      &::before {
-        content: url('../img/video-play.svg');
-        width: 100px;
-        height: 100px;
-      }
-    }
-  }
-}
+@import '@/component/mixin.less';
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+  line-height: 1.5;
+  box-sizing: border-box;
+}
+
+.gray {
+  filter: grayscale(100%);
+}
+
+#root {
+  overflow-x: hidden;
+}
+/**
+* IE 11 flex布局兼容性问题：
+* min-height 和 flex 共用时，.main 内容的实际高度小于 min-height 时，footer 布局异常（stick footer失效）
+* 解决：在 min-height 外的父div(.main-wrapper)需要设置成 display:flex
+*/
+.main-wrapper {
+  background: radial-gradient(29% 54% at 84% 95%, #f1f1f5 28%, #eff2f9 77%);
+  overflow-x: hidden;
+  height: 100%;
+  &.iframe {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+}
+
+.main {
+  display: flex;
+  flex-flow: column;
+  overflow-x: hidden;
+}
+
+.content {
+  flex: 1;
+}
+
+// IE 11 flex布局兼容性问题
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .content {
+    flex-basis: auto;
+  }
+}
+
+// 飘窗
+.advertisement {
+  .bgCompact('/src/asset/img/advertisement.png');
+  background-size: cover;
+  width: 322px;
+  height: 172px;
+}
+
+.advertisement-placeholder {
+  width: 322px;
+  height: 172px;
+}
+
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden; 
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  svg path,rect {
+    fill: currentColor;
+  }
+}
+
+symbol path {
+  fill: currentColor;
+}
+
+::-webkit-scrollbar {
+  height: 6px;
+  width: 6px;
+  background-color: #f5f5f5;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #ccc;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #ddd;
+}
+
+.fish-video {
+  .vjs-poster {
+    filter: brightness(0.75);
+  }
+  .video-js.vjs-big-play-centered .vjs-big-play-button {
+    background-color: transparent;
+    border: none;
+    margin-top: -50px;
+    margin-left: -50px;
+    .vjs-icon-placeholder {
+      &::before {
+        content: url('../img/video-play.svg');
+        width: 100px;
+        height: 100px;
+      }
+    }
+  }
+}