@quicktvui/quicktvui3 1.0.46 → 1.0.47

package/dist/index.css

@@ -0,0 +1,513 @@
+
+.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] {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  background-color: white;
+  margin-left: -1px;
+  margin-right: -1px;
+}
+
+
+.cornerRoot[data-v-4b767ea2] {
+  flex-direction: row-reverse;
+}
+
+
+.qt-ui-poster-root-css[data-v-3c4765e9] {
+  position: absolute;
+  background-color: transparent;
+  focus-scale: 1.1;
+  overflow: hidden;
+}
+.qt-ui-poster-img-css[data-v-3c4765e9] {
+  background-color: rgba(255, 255, 255, 0.1);
+  z-index: 1;
+  position: absolute;
+  focus-border-color: white;
+  focus-border-style: solid;
+  border-radius: 8px;
+}
+.qt-ui-poster-score-css[data-v-3c4765e9] {
+  z-index: 2;
+  position: absolute;
+  color: #FC5E1B;
+  background-color: transparent;
+}
+.qt-ui-poster-title-css[data-v-3c4765e9] {
+  padding-left: 16px;
+  padding-top: 15px;
+  background-color: transparent;
+}
+.qt-ui-ripple-img-css[data-v-3c4765e9] {
+  width: 60px;
+  height: 60px;
+  background-color: transparent;
+  position: absolute;
+  z-index: 1001;
+  right: 20px;
+  bottom: 20px;
+}
+.qt-ui-ripple-view-css[data-v-3c4765e9] {
+  width: 100px;
+  height: 100px;
+  z-index: 1000;
+  background-color: transparent;
+  position: absolute;
+}
+.qt-ui-poster-ripple-view-root-css[data-v-3c4765e9] {
+  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;
+}
+.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;
+}
+
+
+.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-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;}
+.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: rgba(255, 255, 255, .1);
+  focus-background-color: white;
+  border-radius: 8px
+}
+.media-series-number-item-vip-root[data-v-4afb8987] {
+  position: absolute;
+  width: 42px;
+  height: 28px;
+  left: 448px;
+  border-radius: 4px;
+  background-color: transparent;
+}
+.media-series-number-item-vip-text[data-v-4afb8987] {
+  width: 42px;
+  height: 28px;
+  color: white;
+  font-weight: 400;
+}
+
+
+
+.text-item-text[data-v-4859f623] {
+  font-weight: 400;
+  height: 100px;
+  width: 373px;
+}
+.text-item-container[data-v-4859f623] {
+  width: 490px;
+  height: 100px;
+  border-radius: 8px;
+  background-color: rgba(255, 255, 255, .1);
+  focus-background-color: white;
+  flex-direction: row;
+}
+.media-series-text-item-vip-root[data-v-4859f623] {
+  position: absolute;
+  width: 42px;
+  height: 28px;
+  left: 118px;
+  border-radius: 4px;
+  background-color: transparent;
+}
+.media-series-text-item-vip-text[data-v-4859f623] {
+  width: 42px;
+  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] {
+}
+