@quicktvui/quicktvui3 1.1.33-beta.3 → 1.1.33-beta.5

package/dist/index.css

@@ -0,0 +1,690 @@
+
+.qt-ui-row-css[data-v-734c04b2] {
+  display: flex;
+  flex-direction: column;
+}
+
+
+.qt-ui-row-css[data-v-9c454b58] {
+  display: flex;
+  flex-direction: row;
+}
+
+/* ----------------Button---------------------- */
+.quick-button--default[data-v-46a594e4] {
+    flex-direction: row;
+    width: 280px;
+    height: 80px;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(240, 240, 242, 0.08);
+    border-radius: 4px;
+    focus-background-color: #F0F0F2;
+}
+.quick-button--large[data-v-46a594e4] {
+    width: 380px;
+    height: 80px;
+}
+.quick-button--medium[data-v-46a594e4] {
+    width: 280px;
+    height: 80px;
+}
+.quick-button--small[data-v-46a594e4] {
+    width: 200px;
+    height: 64px;
+}
+.quick-button--mini[data-v-46a594e4] {
+    width: 160px;
+    height: 64px;
+}
+
+/* -----------------Text--------------------- */
+.quick-button-text--default[data-v-46a594e4] {
+    font-size: 32px;
+    color: rgba(255, 255, 255, 0.7);
+    text-align: center;
+    text-align-vertical: center;
+    focus-color: rgba(0, 0, 0, 0.9);
+    margin-right: 8px;
+    margin-left: 8px;
+}
+.quick-button-text--large[data-v-46a594e4] {
+    font-size: 32px;
+    color: rgba(255, 255, 255, 0.7);
+    text-align: center;
+    text-align-vertical: center;
+    focus-color: rgba(0, 0, 0, 0.9);
+    margin-right: 12px;
+    margin-left: 12px;
+}
+.quick-button-text--medium[data-v-46a594e4] {
+    font-size: 32px;
+    color: rgba(255, 255, 255, 0.7);
+    text-align: center;
+    text-align-vertical: center;
+    focus-color: rgba(0, 0, 0, 0.9);
+    margin-right: 8px;
+    margin-left: 8px;
+}
+.quick-button-text--small[data-v-46a594e4] {
+    font-size: 32px;
+    color: rgba(255, 255, 255, 0.7);
+    text-align: center;
+    text-align-vertical: center;
+    focus-color: rgba(0, 0, 0, 0.9);
+    margin-right: 8px;
+    margin-left: 8px;
+}
+.quick-button-text--mini[data-v-46a594e4] {
+    font-size: 32px;
+    color: rgba(255, 255, 255, 0.7);
+    text-align: center;
+    text-align-vertical: center;
+    focus-color: rgba(0, 0, 0, 0.9);
+    margin-right: 5px;
+    margin-left: 5px;
+}
+
+/* -------------------------------------- */
+.is-disabled-button[data-v-46a594e4] {
+    background-color: rgba(240, 240, 242, 0.04);
+    focus-background-color: #F0F0F2;
+}
+.is-disabled-text[data-v-46a594e4] {
+    color: rgba(255, 255, 255, 0.2);
+    focus-color: rgba(0, 0, 0, 0.2);
+}
+.is-square-text[data-v-46a594e4] {
+    font-size: 28px;
+}
+
+/* -------------------------------------- */
+.is-circle[data-v-46a594e4] {
+    border-radius: 50%;
+}
+.is-round[data-v-46a594e4] {
+    border-radius: 100px;
+}
+.is-square[data-v-46a594e4] {
+    width: 173px;
+    height: 173px;
+    flex-direction: column;
+}
+
+/* ---------------Gradient----------------------- */
+.button-gradient-background-css[data-v-46a594e4] {
+    background-color: transparent;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+
+/* ----------------ICON---PARENT------------------- */
+.quick-button-icon-parent[data-v-46a594e4] {
+    width: 40px;
+    height: 40px;
+    background-color: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.quick-button-icon-parent--large[data-v-46a594e4] {
+    width: 40px;
+    height: 40px;
+    margin-right: 12px;
+    margin-left: 12px;
+}
+.quick-button-icon-parent--medium[data-v-46a594e4] {
+    width: 40px;
+    height: 40px;
+    margin-right: 8px;
+    margin-left: 8px;
+}
+.quick-button-icon-parent--small[data-v-46a594e4] {
+    width: 32px;
+    height: 32px;
+    margin-right: 8px;
+    margin-left: 8px;
+}
+.quick-button-icon-parent--mini[data-v-46a594e4] {
+    width: 30px;
+    height: 30px;
+    margin-right: 5px;
+    margin-left: 5px;
+}
+
+/* ----------------ICON---------------------- */
+.quick-button-icon[data-v-46a594e4] {
+    width: 40px;
+    height: 40px;
+    position: absolute;
+}
+.quick-button-icon--large[data-v-46a594e4] {
+    width: 40px;
+    height: 40px;
+}
+.quick-button-icon--medium[data-v-46a594e4] {
+    width: 40px;
+    height: 40px;
+}
+.quick-button-icon--small[data-v-46a594e4] {
+    width: 32px;
+    height: 32px;
+}
+.quick-button-icon--mini[data-v-46a594e4] {
+    width: 30px;
+    height: 30px;
+}
+.is-square-icon[data-v-46a594e4] {
+    width: 64px;
+    height: 64px;
+    margin-bottom: 16px;
+    margin-right: 0;
+}
+
+
+.absoluteFocusTitleRoot[data-v-703673b8] {
+  position: absolute;
+  z-index: 999;
+  background-color: transparent;
+}
+.absoluteFocusMainBgRoot[data-v-703673b8] {
+  background-color: transparent;
+  margin-left: -1px;
+  margin-right: -1px;
+}
+
+
+.cornerRoot[data-v-4b767ea2] {
+  position: absolute;
+  left: 0.01px;
+  top: 0.01px;
+  z-index: 1000;
+  background-color: transparent;
+}
+.cornerRoot_right[data-v-4b767ea2]{
+  flex-direction: row-reverse;
+}
+.poster_corner_img[data-v-4b767ea2]{
+  position: absolute;
+  top: 0.01px;
+  z-index: 2;
+}
+.cornerRoot_left .poster_corner_img[data-v-4b767ea2]{
+  left: 0.01px;
+}
+.cornerRoot_right .poster_corner_img[data-v-4b767ea2]{
+  right: 0.01px;
+}
+
+
+.qt-ui-poster-root-css {
+  position: absolute;
+  background-color: transparent;
+  overflow: hidden;
+}
+.qt-ui-poster-img-css {
+  background-color: rgba(255, 255, 255, 0.1);
+  z-index: 1;
+  position: absolute;
+  focus-border-color: white;
+  focus-border-style: solid;
+}
+.qt-ui-poster-score-css {
+  z-index: 2;
+  position: absolute;
+  color: #FC5E1B;
+  background-color: transparent;
+}
+.qt-ui-poster-title-css {
+  padding-left: 16px;
+  padding-top: 15px;
+  background-color: transparent;
+}
+.qt-ui-ripple-img-css {
+  width: 60px;
+  height: 60px;
+  background-color: transparent;
+  position: absolute;
+  z-index: 1001;
+  right: 20px;
+  bottom: 20px;
+}
+.qt-ui-ripple-view-css {
+  width: 100px;
+  height: 100px;
+  z-index: 1000;
+  background-color: transparent;
+  position: absolute;
+}
+.qt-ui-poster-ripple-view-root-css {
+  width: 100px;
+  height: 100px;
+  right: 0;
+  bottom: 0;
+  margin-right: -12px;
+  z-index: 1000;
+  background-color: transparent;
+  position: absolute;
+}
+
+
+
+.qt-ui-nav-bar-root-horizontal {
+  height: 72px;
+  background-color: transparent;
+}
+.qt-ui-nav-bar-root-vertical {
+  background-color: transparent;
+}
+.qt-ui-nav-bar-item-css {
+  padding-left: 40px;
+  padding-right: 40px;
+  height: 70px;
+  justify-content: center;
+  flex-direction: column;
+  display: flex;
+  align-items: center;
+  border-radius: 35px;
+  background-color: transparent;
+  focus-background-color: #f5f5f5;
+}
+.qt-ui-nav-bar-item-text-css {
+  height: 60px;
+  color: rgba(255, 255, 255, 0.5);
+  focus-color: black;
+  background-color: transparent;
+  select-color: white;
+  align-self: center;
+}
+
+
+
+.qt-ui-waterfall-card-item[data-v-599898aa] {
+  background-color: transparent;
+}
+
+
+.qt-ui-plugin-item-root-css {
+  position: absolute;
+  background-color: palevioletred;
+  overflow: hidden;
+}
+
+
+.standard-section-css[data-v-227e921e] {
+  display: flex;
+  background-color: transparent;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.standard-section-title-text-css[data-v-227e921e] {
+  /*width: 1920px;*/
+  /*height: 60px;*/
+  color: #ffffff;
+  background-color: transparent;
+}
+
+
+.qt-ui-section-tab-list-root[data-v-6aa2cfd4] {
+  background-color: transparent;
+  margin-left: 0px;
+}
+.qt-ui-section-tab-list-item-text[data-v-6aa2cfd4] {
+  focusColor: #000000;
+  selectColor: #ff0000;
+  color: #ffffff80;
+}
+.qt-ui-section-tab-list-item[data-v-6aa2cfd4] {
+  border-radius: 99px;
+  padding-top: 5px;
+  padding-bottom: 8px;
+  background-color: transparent;
+  focus-background-color: #F5F5F5;
+}
+.tab-list-section-root-css[data-v-6aa2cfd4] {
+}
+.tab-list-section-list-css[data-v-6aa2cfd4] {
+}
+.tab-list-section-title-text-css[data-v-6aa2cfd4] {
+  /*width: 1920px;*/
+  /*height: 60px;*/
+  color: #ffffff;
+  background-color: transparent;
+}
+
+
+
+.loading-section-css[data-v-48609f24] {
+  width: 1920px;
+  height: 1080px;
+  background-color: transparent;
+}
+.loading-section-loading-css[data-v-48609f24] {
+  width: 100px;
+  height: 100px;
+  align-self: center;
+  margin-top: 550px
+}
+
+
+
+.qt-waterfall-end-section-css[data-v-70b82c43] {
+  background-color: transparent;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.qt-waterfall-end-section-text-css[data-v-70b82c43] {
+  width: 500px;
+  height: 50px;
+  color: rgba(255, 255, 255, .5);
+  align-self: center;
+  background-color: transparent;
+}
+
+
+.section-title-css[data-v-20428d40] {
+  width: 1920px;
+  height: 60px;
+  display: flex;
+  flex-direction: column;
+  background-color: transparent;
+}
+.section-title-text-css[data-v-20428d40] {
+  position: absolute;
+  width: 1920px;
+  height: 60px;
+  margin-left: 90px;
+  color: #ffffff;
+}
+
+
+
+.qt-ui-waterfall-blank-section[data-v-eeab4d88] {
+  background-color: transparent;
+}
+
+
+.qt-ui-waterfall-card-section-css[data-v-43a44788] {
+  background-color: transparent;
+}
+.qt-ui-waterfall-card-section[data-v-43a44788] {
+  background-color: transparent;
+}
+.qt-ui-waterfall-card-section-title-css[data-v-43a44788] {
+  width: 1920px;
+  height: 60px;
+  color: #ffffff;
+  background-color: transparent;
+}
+
+
+
+.qt-ui-waterfall-vue-section[data-v-f8447724] {
+  background-color: transparent;
+}
+
+
+.qt-ui-plugin-section-root-css[data-v-ca3d65aa] {
+  display: flex;
+  background-color: transparent;
+}
+.qt-ui-plugin-section-css[data-v-ca3d65aa] {
+  display: flex;
+  background-color: #40b883;
+}
+.qt-ui-plugin-section-title-text-css[data-v-ca3d65aa] {
+  /*width: 1920px;*/
+  /*height: 60px;*/
+  color: #ffffff;
+  background-color: red;
+}
+
+
+
+.qt-waterfall-root-css {
+}
+
+
+
+.tabs-root-css {
+  background-color: transparent;
+}
+
+
+
+
+.qt-ui-waterfall-vue-section[data-v-d02af3c2] {
+  background-color: transparent;
+}
+
+
+.content_list_view {
+  width: 1920px;
+  height: 210px;
+  background-color: transparent;
+}
+.clv_item {
+  width: 316px;
+  height: 178px;
+  background-color: transparent;
+  border-radius: 8px;
+}
+.coverV {
+  width: 316px;
+  height: 178px;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+}
+.titMask {
+  position: absolute;
+  width: 316px;
+  height: 60px;
+  top: 118px;
+  left: 0;
+  background-color: transparent;
+}
+.clv_item_text_box {
+  width: 316px;
+  height: 60px;
+  background-color: transparent;
+  position: absolute;
+  left: 0;
+  top: 118px;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+.playMark {
+  width: 45px;
+  height: 30px;
+  background-color: transparent;
+  position: absolute;
+  top: 21px;
+}
+.selectedIcon {
+  width: 45px;
+  height: 30px;
+  background-color: transparent;
+  position: absolute;
+  top: 15px;
+}
+.selectedIcon img {
+  width: 28px;
+  height: 30px;
+  margin-left: 12px;
+}
+.clv_item_text {
+  width: 265px;
+  height: 60px;
+  position: absolute;
+  left: 45px;
+  color: #fff;
+  background-color: transparent;
+}
+.clv_item_text_box1 {
+  width: 316px;
+  height: 60px;
+  background-color: transparent;
+  position: absolute;
+  left: 0;
+  top: 118px;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+.clv_item_selected_text {
+  width: 316px;
+  height: 60px;
+  background-color: transparent;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  color: #fff;
+}
+.nav_list_view {
+  width: 1920px;
+  height: 80px;
+  background-color: transparent;
+}
+.nav_item {
+  width: 168px;
+  height: 80px;
+  background-color: transparent;
+  border-radius: 40px;
+}
+.nav_item_text_focused {
+  width: 168px;
+  height: 80px;
+  position: absolute;
+  background-color: transparent;
+  border-radius: 40px;
+}
+.nav_item_text {
+  width: 168px;
+  height: 80px;
+  position: absolute;
+  border-radius: 40px;
+  background-color: transparent;
+}
+.text {
+  width: 168px;
+  height: 80px;
+  color: #fff;
+  position: absolute;
+}
+.text_selected {
+  width: 168px;
+  height: 80px;
+  color: #0D71FF;
+  position: absolute;
+}
+.line {
+  background-color: #0D71FF;
+  width: 34px;
+  height: 6px;
+  position: absolute;
+  left: 67px;
+  top: 74px;
+}
+
+
+.number-item-container[data-v-4afb8987] {
+  width: 160px;
+  height: 80px;
+  background-color: transparent;
+  border-radius: 8px
+}
+.number-item-container-bg-focus[data-v-4afb8987]{
+  position: absolute;
+  background-color: transparent;
+  width: 160px;
+  height: 80px;
+}
+.media-series-number-item-vip-root[data-v-4afb8987] {
+  position: absolute;
+  width: 45px;
+  height: 28px;
+  left: 118px;
+  border-radius: 4px;
+  background-color: transparent;
+}
+.media-series-number-item-vip-text[data-v-4afb8987] {
+  width: 45px;
+  height: 28px;
+  color: white;
+  font-weight: 400;
+}
+.number-item-text-root-css[data-v-4afb8987] {
+  position: absolute;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 160px;
+  height: 80px;
+  background-color: transparent;
+}
+.number-item-text-css[data-v-4afb8987] {
+  height: 80px;
+  width: 160px;
+}
+.number-item-text-vip-css[data-v-4afb8987] {
+  height: 80px;
+  width: 160px;
+}
+
+
+
+.text-item-container[data-v-4859f623] {
+  border-radius: 8px;
+  background-color: transparent;
+}
+.text-item-container-bg-focus[data-v-4859f623]{
+  position: absolute;
+  background-color: transparent;
+}
+.text-item-container-css[data-v-4859f623] {
+  border-radius: 8px;
+  background-color: rgba(255, 255, 255, .1);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.text-item-text[data-v-4859f623] {
+  font-weight: 400;
+  height: 100px;
+}
+.text-item-text-vip[data-v-4859f623] {
+  font-weight: 400;
+  height: 100px;
+}
+.media-series-text-item-vip-root[data-v-4859f623] {
+  position: absolute;
+  width: 45px;
+  height: 28px;
+  right: 0.01px;
+  top: 0.01px;
+  border-radius: 4px;
+  background-color: transparent;
+}
+.media-series-text-item-vip-text[data-v-4859f623] {
+  width: 45px;
+  height: 28px;
+  color: white;
+  font-weight: 400;
+}
+
+
+
+.qt-collapse-root-css[data-v-4feca809] {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  background-color: transparent;
+}
+.qt-collapse-item-css[data-v-4feca809] {
+}
+