@vtx/player 1.7.14 → 1.7.16

package/lib/bill-player/style/index.less

@@ -1,297 +1,297 @@
-.vtx-bill-player {
-    .bill-tabs {
-        height: 100%;
-
-        .ant-tabs-content-holder {
-            height: 100%;
-
-            .ant-tabs-content {
-                height: 100%;
-            }
-        }
-        .ant-tabs-tabpane {
-            height: 100%;
-        }
-    }
-    .ridio-list {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        .radio-head {
-            width: 100%;
-            padding: 12px;
-            background-color: rgba(255, 255, 255, 0.2);
-            margin-bottom: 12px;
-            .ant-radio-button-wrapper {
-                background-color: rgba(20, 64, 99, 0.4);
-                font-size: 14px;
-                color: #fff;
-            }
-            .ant-radio-button-checked {
-                border: 1px solid #fff;
-                background-image: linear-gradient(to bottom, #2661ea, #0faffb);
-            }
-            .ant-radio-button-wrapper-checked {
-                span {
-                    font-size: 14px;
-                    color: #fff;
-                }
-            }
-        }
-        .ridio-body {
-            width: 100%;
-            padding: 12px;
-            background-color: rgba(255, 255, 255, 0.2);
-            flex: 1;
-        }
-    }
-
-    .player-panel {
-        display: flex;
-        height: 100%;
-        background: transparent;
-
-        > .player-container {
-            flex-grow: 1;
-            width: 0;
-        }
-
-        .control-container {
-            width: 376px;
-            height: fit-content;
-            margin: 0 8px;
-            border: 1px solid #e8e8e8;
-            border-radius: 2px;
-
-            .header {
-                padding: 12px 24px;
-                font-weight: bold;
-                border-bottom: 1px solid #e8e8e8;
-            }
-
-            .list {
-                display: flex;
-                flex-direction: column;
-                padding: 12px 24px;
-                height: 100%;
-                overflow: auto;
-
-                .ant-checkbox-wrapper {
-                    margin-bottom: 12px;
-                    margin-left: 0;
-                    span {
-                        color: #fff;
-                    }
-                }
-            }
-
-            .form {
-                padding: 12px 24px;
-
-                .time-radio-group {
-                    .ant-radio-wrapper {
-                        margin-right: 4px;
-                    }
-                }
-            }
-        }
-    }
-}
-
-/* 修改主题颜色修改添加以下变量颜色即可 */
-.bill-theme[data-theme='blue'] {
-    --backgroundContainer: rgba(3, 177, 252, 0.1); // 主色块的背景颜色
-    --backgroundTable: #02355b; // 历史视频table背景颜色
-    --color: #0d517c; // 文字主要颜色
-    --borderColor: #03b1fc; // 边框主要颜色
-    --buttonBackground: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%); // 按钮背景颜色
-}
-
-.bill-theme {
-    .theme-body {
-        font-size: #fff;
-        height: 100%;
-        background: var(--backgroundTable);
-    }
-    .bludColor {
-        background: var(--buttonBackground) !important;
-        -webkit-background-clip: text !important;
-        // color: transparent !important;
-    }
-    .control-container {
-        background: var(--backgroundContainer) !important;
-        border-radius: 2px 2px 2px 2px;
-        border: 1px solid rgba(255, 255, 255, 0.2);
-
-        .header {
-            color: #fff;
-            border: 1px solid rgba(255, 255, 255, 0.2);
-        }
-
-        .list {
-            .ant-checkbox-wrapper {
-                color: var(--color);
-            }
-            .ant-checkbox-checked .ant-checkbox-inner {
-                background-color: var(--color);
-                border-color: var(--color);
-            }
-            .ant-checkbox-checked .ant-checkbox-inner::after {
-                border-color: #000;
-            }
-            .ant-checkbox-inner::after {
-                border-color: var(--borderColor) !important;
-            }
-            .ant-checkbox-wrapper-checked {
-                span {
-                    .bludColor();
-                }
-                .ant-checkbox-inner {
-                    border: 1px solid var(--borderColor) !important;
-                }
-            }
-        }
-
-        .form {
-            .ant-form-item-label > label {
-                color: rgba(255, 255, 255, 0.65);
-            }
-            .time-radio-group {
-                .ant-radio-wrapper {
-                    color: rgba(255, 255, 255, 0.65);
-                }
-                .ant-radio-checked .ant-radio-inner {
-                    border-color: var(--color);
-                }
-                .ant-radio-inner::after {
-                    background: var(--color);
-                }
-            }
-            .ant-picker {
-                background: transparent;
-            }
-            .ant-picker-input > input {
-                color: rgba(255, 255, 255, 0.65);
-            }
-            .ant-picker-suffix {
-                color: rgba(255, 255, 255, 0.65);
-            }
-            .ant-picker:hover,
-            .ant-picker-focused {
-                border-color: var(--color);
-            }
-            .ant-select-selector {
-                background-color: transparent;
-                color: rgba(255, 255, 255, 0.65);
-            }
-            .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
-                border-color: var(--color);
-            }
-            .ant-btn-primary {
-                color: rgba(0, 0, 0, 0.65);
-                border-color: var(--color);
-                background: var(--color);
-            }
-        }
-    }
-    .submit-button {
-        background: var(--buttonBackground) !important;
-        border-radius: 4px;
-        border: none;
-        color: #fff !important;
-    }
-}
-.vtx-bill-player .player-panel .control-container .list .ant-checkbox-wrapper span {
-    color: #000;
-}
-.bill-dark {
-    .ant-tabs-tab-btn {
-        color: rgba(255, 255, 255, 0.65);
-    }
-    .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
-        color: #95fff9;
-    }
-    .ant-tabs-ink-bar {
-        background: #95fff9;
-    }
-    .player-panel .control-container .list .ant-checkbox-wrapper span {
-        color: #fff;
-    }
-    .control-container {
-        background: rgba(0, 59, 64, 0.3);
-        border-radius: 2px 2px 2px 2px;
-        border: 1px solid rgba(255, 255, 255, 0.2);
-
-        .header {
-            color: #fff;
-            border: 1px solid rgba(255, 255, 255, 0.2);
-        }
-
-        .list {
-            .ant-checkbox-wrapper {
-                color: #95fff9;
-            }
-            .ant-checkbox-checked .ant-checkbox-inner {
-                background-color: #95fff9;
-                border-color: #95fff9;
-            }
-            .ant-checkbox-checked .ant-checkbox-inner::after {
-                border-color: #000;
-            }
-        }
-
-        .form {
-            .ant-form-item-label > label {
-                color: rgba(255, 255, 255, 0.65);
-            }
-            .time-radio-group {
-                .ant-radio-wrapper {
-                    color: rgba(255, 255, 255, 0.65);
-                }
-                .ant-radio-checked .ant-radio-inner {
-                    border-color: #95fff9;
-                }
-                .ant-radio-inner::after {
-                    background: #95fff9;
-                }
-            }
-            .ant-picker {
-                background: transparent;
-            }
-            .ant-picker-input > input {
-                color: rgba(255, 255, 255, 0.65);
-            }
-            .ant-picker-suffix {
-                color: rgba(255, 255, 255, 0.65);
-            }
-            .ant-picker:hover,
-            .ant-picker-focused {
-                border-color: #95fff9;
-            }
-            .ant-select-selector {
-                background-color: transparent;
-                color: rgba(255, 255, 255, 0.65);
-            }
-            .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
-                border-color: #95fff9;
-            }
-            .ant-btn-primary {
-                color: rgba(0, 0, 0, 0.65);
-                border-color: #95fff9;
-                background: #95fff9;
-            }
-
-            // 日历面板
-            .date-dark {
-                :global {
-                }
-            }
-            // 下拉
-            .select-dark {
-                :global {
-                }
-            }
-        }
-    }
-}
+.vtx-bill-player {
+    .bill-tabs {
+        height: 100%;
+
+        .ant-tabs-content-holder {
+            height: 100%;
+
+            .ant-tabs-content {
+                height: 100%;
+            }
+        }
+        .ant-tabs-tabpane {
+            height: 100%;
+        }
+    }
+    .ridio-list {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        .radio-head {
+            width: 100%;
+            padding: 12px;
+            background-color: rgba(255, 255, 255, 0.2);
+            margin-bottom: 12px;
+            .ant-radio-button-wrapper {
+                background-color: rgba(20, 64, 99, 0.4);
+                font-size: 14px;
+                color: #fff;
+            }
+            .ant-radio-button-checked {
+                border: 1px solid #fff;
+                background-image: linear-gradient(to bottom, #2661ea, #0faffb);
+            }
+            .ant-radio-button-wrapper-checked {
+                span {
+                    font-size: 14px;
+                    color: #fff;
+                }
+            }
+        }
+        .ridio-body {
+            width: 100%;
+            padding: 12px;
+            background-color: rgba(255, 255, 255, 0.2);
+            flex: 1;
+        }
+    }
+
+    .player-panel {
+        display: flex;
+        height: 100%;
+        background: transparent;
+
+        > .player-container {
+            flex-grow: 1;
+            width: 0;
+        }
+
+        .control-container {
+            width: 376px;
+            height: fit-content;
+            margin: 0 8px;
+            border: 1px solid #e8e8e8;
+            border-radius: 2px;
+
+            .header {
+                padding: 12px 24px;
+                font-weight: bold;
+                border-bottom: 1px solid #e8e8e8;
+            }
+
+            .list {
+                display: flex;
+                flex-direction: column;
+                padding: 12px 24px;
+                height: 100%;
+                overflow: auto;
+
+                .ant-checkbox-wrapper {
+                    margin-bottom: 12px;
+                    margin-left: 0;
+                    span {
+                        color: #fff;
+                    }
+                }
+            }
+
+            .form {
+                padding: 12px 24px;
+
+                .time-radio-group {
+                    .ant-radio-wrapper {
+                        margin-right: 4px;
+                    }
+                }
+            }
+        }
+    }
+}
+
+/* 修改主题颜色修改添加以下变量颜色即可 */
+.bill-theme[data-theme='blue'] {
+    --backgroundContainer: rgba(3, 177, 252, 0.1); // 主色块的背景颜色
+    --backgroundTable: #02355b; // 历史视频table背景颜色
+    --color: #0d517c; // 文字主要颜色
+    --borderColor: #03b1fc; // 边框主要颜色
+    --buttonBackground: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%); // 按钮背景颜色
+}
+
+.bill-theme {
+    .theme-body {
+        font-size: #fff;
+        height: 100%;
+        background: var(--backgroundTable);
+    }
+    .bludColor {
+        background: var(--buttonBackground) !important;
+        -webkit-background-clip: text !important;
+        // color: transparent !important;
+    }
+    .control-container {
+        background: var(--backgroundContainer) !important;
+        border-radius: 2px 2px 2px 2px;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+
+        .header {
+            color: #fff;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+
+        .list {
+            .ant-checkbox-wrapper {
+                color: var(--color);
+            }
+            .ant-checkbox-checked .ant-checkbox-inner {
+                background-color: var(--color);
+                border-color: var(--color);
+            }
+            .ant-checkbox-checked .ant-checkbox-inner::after {
+                border-color: #000;
+            }
+            .ant-checkbox-inner::after {
+                border-color: var(--borderColor) !important;
+            }
+            .ant-checkbox-wrapper-checked {
+                span {
+                    .bludColor();
+                }
+                .ant-checkbox-inner {
+                    border: 1px solid var(--borderColor) !important;
+                }
+            }
+        }
+
+        .form {
+            .ant-form-item-label > label {
+                color: rgba(255, 255, 255, 0.65);
+            }
+            .time-radio-group {
+                .ant-radio-wrapper {
+                    color: rgba(255, 255, 255, 0.65);
+                }
+                .ant-radio-checked .ant-radio-inner {
+                    border-color: var(--color);
+                }
+                .ant-radio-inner::after {
+                    background: var(--color);
+                }
+            }
+            .ant-picker {
+                background: transparent;
+            }
+            .ant-picker-input > input {
+                color: rgba(255, 255, 255, 0.65);
+            }
+            .ant-picker-suffix {
+                color: rgba(255, 255, 255, 0.65);
+            }
+            .ant-picker:hover,
+            .ant-picker-focused {
+                border-color: var(--color);
+            }
+            .ant-select-selector {
+                background-color: transparent;
+                color: rgba(255, 255, 255, 0.65);
+            }
+            .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+                border-color: var(--color);
+            }
+            .ant-btn-primary {
+                color: rgba(0, 0, 0, 0.65);
+                border-color: var(--color);
+                background: var(--color);
+            }
+        }
+    }
+    .submit-button {
+        background: var(--buttonBackground) !important;
+        border-radius: 4px;
+        border: none;
+        color: #fff !important;
+    }
+}
+.vtx-bill-player .player-panel .control-container .list .ant-checkbox-wrapper span {
+    color: #000;
+}
+.bill-dark {
+    .ant-tabs-tab-btn {
+        color: rgba(255, 255, 255, 0.65);
+    }
+    .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+        color: #95fff9;
+    }
+    .ant-tabs-ink-bar {
+        background: #95fff9;
+    }
+    .player-panel .control-container .list .ant-checkbox-wrapper span {
+        color: #fff;
+    }
+    .control-container {
+        background: rgba(0, 59, 64, 0.3);
+        border-radius: 2px 2px 2px 2px;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+
+        .header {
+            color: #fff;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+
+        .list {
+            .ant-checkbox-wrapper {
+                color: #95fff9;
+            }
+            .ant-checkbox-checked .ant-checkbox-inner {
+                background-color: #95fff9;
+                border-color: #95fff9;
+            }
+            .ant-checkbox-checked .ant-checkbox-inner::after {
+                border-color: #000;
+            }
+        }
+
+        .form {
+            .ant-form-item-label > label {
+                color: rgba(255, 255, 255, 0.65);
+            }
+            .time-radio-group {
+                .ant-radio-wrapper {
+                    color: rgba(255, 255, 255, 0.65);
+                }
+                .ant-radio-checked .ant-radio-inner {
+                    border-color: #95fff9;
+                }
+                .ant-radio-inner::after {
+                    background: #95fff9;
+                }
+            }
+            .ant-picker {
+                background: transparent;
+            }
+            .ant-picker-input > input {
+                color: rgba(255, 255, 255, 0.65);
+            }
+            .ant-picker-suffix {
+                color: rgba(255, 255, 255, 0.65);
+            }
+            .ant-picker:hover,
+            .ant-picker-focused {
+                border-color: #95fff9;
+            }
+            .ant-select-selector {
+                background-color: transparent;
+                color: rgba(255, 255, 255, 0.65);
+            }
+            .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+                border-color: #95fff9;
+            }
+            .ant-btn-primary {
+                color: rgba(0, 0, 0, 0.65);
+                border-color: #95fff9;
+                background: #95fff9;
+            }
+
+            // 日历面板
+            .date-dark {
+                :global {
+                }
+            }
+            // 下拉
+            .select-dark {
+                :global {
+                }
+            }
+        }
+    }
+}