/* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* color|1|Background Color|4 */ /* color|1|Background Color|4 */ /* color|1|Brand Color|0 */ /* 63CA31 */ /* 75D048 */ /* 86D65F */ /* 97DC76 */ /* A9E28D */ /* BAE7A3 */ /* CBEDBA */ /* DCF3D1 */ /* EEF9E8 */ /* 52C41A 90% */ /* 52C41A 80% */ /* 52C41A 70% */ /* 52C41A 60% */ /* 52C41A 50% */ /* 52C41A 40% */ /* 52C41A 30% */ /* 52C41A 20% */ /* 52C41A 10% */ /* 4ab017 */ /* color|1|Functional Color|1 */ /* success，green */ /* 63ca31 */ /* 75d048 */ /* 86d65f */ /* 97dc76 */ /* a9e28d */ /* bae7a3 */ /* cbedba */ /* dcf3d1 */ /* eef9e8 */ /* dcf3d1 */ /* eef9e8 */ /* 4ab017 */ /* color|1|Functional Color|1 */ /* warning,yellow */ /* ffb525 */ /* ffbd3d */ /* ffc656 */ /* ffce6e */ /* ffd686 */ /* ffde9e */ /* ffe6b6 */ /* ffefcf */ /* fff7e7 */ /* ffefcf */ /* fff7e7 */ /* e69c0c */ /* color|1|Functional Color|1 */ /* danger,red */ /* f25050 */ /* f36464 */ /* f57777 */ /* f68b8b */ /* f68b8b */ /* f9b1b1 */ /* fbc5c5 */ /* fcd8d8 */ /* feecec */ /* fcd8d8 */ /* feecec */ /* d83737 */ /* color|1|Functional Color|1 */ /* color|1|Functional Color|1 */ /* blue */ /* 458aff */ /* 5997ff */ /* 6ea4ff */ /* 83b1ff */ /* 98beff */ /* accbff */ /* c1d8ff */ /* d6e5ff */ /* eaf2ff */ /* 2b71e6 */ /* color|1|Functional Color|1 */ /* orange */ /* ff873b */ /* ff9551 */ /* ffa266 */ /* ffaf7c */ /* ffbd92 */ /* ffcaa8 */ /* ffd7be */ /* ffe4d3 */ /* fff2e9 */ /* e66e21 */ /* color|1|Functional Color|1 */ /* purple */ /* 895af0 */ /* 966df1 */ /* a37ff3 */ /* b091f5 */ /* bea4f7 */ /* cbb6f8 */ /* d8c8fa */ /* d8c8fa */ /* f2edfd */ /* 7041d6 */ /* pink */ /* color|1|Functional Color|1 */ /* color|1|Functional Color|1 */ /* color|1|Font Color|2 */ /* color|1|Font Color|2 */ /* color|1|Font Color|2 */ /* color|1|Font Color|2 */ /* color|1|Border Color|3 */ /* color|1|Border Color|3 */ /* color|1|Border Color|3 */ /* color|1|Border Color|3 */ /* Background */ /* color|1|Background Color|4 */ /* Link -------------------------- */ /* Border -------------------------- */ /* borderRadius|1|Radius|0 */ /* borderRadius|1|Radius|0 */ /* borderRadius|1|Radius|0 */ /* borderRadius|1|Radius|0 */ /* Box-shadow */ /* boxShadow|1|Shadow|1 */ /* boxShadow|1|Shadow|1 */ /* boxShadow|1|Shadow|1 */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* fontSize|1|Font Size|0 */ /* fontSize|1|Font Size|0 */ /* fontSize|1|Font Size|0 */ /* fontSize|1|Font Size|0 */ /* fontSize|1|Font Size|0 */ /* fontSize|1|Font Size|0 */ /* fontWeight|1|Font Weight|1 */ /* fontWeight|1|Font Weight|1 */ /* fontLineHeight|1|Line Height|2 */ /* fontLineHeight|1|Line Height|2 */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* fontSize||Font|1 */ /* fontWeight||Font|1 */ /* color||Color|0 */ /* borderRadius||Border|2 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* height||Other|4 */ /* padding||Spacing|3 */ /* padding||Spacing|3 */ /* padding||Spacing|3 */ /* padding||Spacing|3 */ /* height||Other|4 */ /* height||Other|4 */ /* height||Other|4 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Radio -------------------------- */ /* fontSize||Font|1 */ /* fontWeight||Font|1 */ /* color||Color|0 */ /* borderRadius||Border|2 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Select -------------------------- */ /* fontSize||Font|1 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* height||Other|4 */ /* color||Color|0 */ /* height||Other|4 */ /* Alert -------------------------- */ /* borderRadius||Border|2 */ /* fontSize||Font|1 */ /* fontSize||Font|1 */ /* fontSize||Font|1 */ /* fontSize||Font|1 */ /* height||Other|4 */ /* height||Other|4 */ /* MessageBox -------------------------- */ /* color||Color|0 */ /* fontSize||Font|1 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Message -------------------------- */ /* color||Color|0 */ /* height||Other|4 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Notification -------------------------- */ /* padding||Spacing|3 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Input -------------------------- */ /* color||Color|0 */ /* height||Other|4 */ /* height||Other|4 */ /* borderRadius||Border|2 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* height||Other|4 */ /* fontSize||Font|1 */ /* height||Other|4 */ /* fontSize||Font|1 */ /* height||Other|4 */ /* Cascader -------------------------- */ /* color||Color|0 */ /* color||Color|0 */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* fontSize||Font|1 */ /* fontWeight||Font|1 */ /* borderRadius||Border|2 */ /* padding||Spacing|3 */ /* padding||Spacing|3 */ /* fontSize||Font|1 */ /* borderRadius||Border|2 */ /* padding||Spacing|3 */ /* padding||Spacing|3 */ /* fontSize||Font|1 */ /* padding||Spacing|3 */ /* padding||Spacing|3 */ /* fontSize||Font|1 */ /* padding||Spacing|3 */ /* padding||Spacing|3 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* color||Color|0 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */ /* height||Other|4 */ /* height||Other|4 */ /* Dialog -------------------------- */ /* fontSize||Font|1 */ /* fontSize||Font|1 */ /* fontLineHeight||LineHeight|2 */ /* padding||Spacing|3 */ /* Table -------------------------- */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Pagination -------------------------- */ /* fontSize||Font|1 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* height||Other|4 */ /* height||Other|4 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Popup -------------------------- */ /* color||Color|0 */ /* opacity||Other|1 */ /* Popover -------------------------- */ /* color||Color|0 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* padding||Spacing|3 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* Tooltip -------------------------- */ /* color|1|Color|0 */ /* color|1|Color|0 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* padding||Spacing|3 */ /* Tag -------------------------- */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* Tree -------------------------- */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* color||Color|0 */ /* fontSize||Font|1 */ /* padding||Spacing|3 */ /* height||Other|4 */ /* Card --------------------------*/ /* color||Color|0 */ /* padding||Spacing|3 */ /* Slider --------------------------*/ /* color||Color|0 */ /* color||Color|0 */ /* height|1|Other|4 */ /* height||Other|4 */ /* Steps --------------------------*/ /* Menu --------------------------*/ /* fontSize||Font|1 */ /* color||Color|0 */ /* color||Color|0 */ /* Rate --------------------------*/ /* fontSize||Font|1 */ /* height||Other|3 */ /* margin||Spacing|2 */ /* DatePicker --------------------------*/ /* color|1|Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Loading --------------------------*/ /* height||Other|4 */ /* height||Other|4 */ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* fontSize||Font|1 */ /* width||Other|4 */ /* height||Other|4 */ /* Collapse --------------------------*/ /* color||Color|0 */ /* height||Other|4 */ /* color||Color|0 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* fontSize||Font|1 */ /* color||Color|0 */ /* Transfer --------------------------*/ /* height||Other|4 */ /* height||Other|4 */ /* color||Color|0 */ /* height||Other|4 */ /* height||Other|4 */ /* height||Other|4 */ /* height||Other|4 */ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Link --------------------------*/ /* fontSize||Font|1 */ /* fontWeight||Font|1 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* color||Color|0 */ /* Calendar --------------------------*/ /* border||Other|4 */ /* color||Other|4 */ /* Form -------------------------- */ /* fontSize||Font|1 */ /* Avatar --------------------------*/ /* color||Color|0 */ /* color||Color|0 */ /* fontSize||Font Size|1 */ /* fontSize||Font Size|1 */ /* borderRadius||Border|2 */ /* size|1|Avatar Size|3 */ /* size|1|Avatar Size|3 */ /* size|1|Avatar Size|3 */ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ [data-v-fd69dbd4]:export { colorPrimary: #52C41A; colorSuccess: #52C41A; colorwarning: #FFAD0D; colordanger: #F03D3D; colorGjColorBlue: #307DFF; colorGjColorBlue2: mix(#FFFFFF, #307DFF, 20%); colorGjColorPurple: #7C48EE; colorGjColorPink: #FB2BFF; colorGjColorOrange: #FF7A25; colorGjColorCyan: #23D4EC; colorGjColorBrown: #A66262; colorInfo: #999; colorPrimary9: mix(#FFFFFF, #52C41A, 90%); colorPrimary8: mix(#FFFFFF, #52C41A, 80%); colorPrimary7: mix(#FFFFFF, #52C41A, 70%); colorPrimary6: mix(#FFFFFF, #52C41A, 60%); colorPrimary5: mix(#FFFFFF, #52C41A, 50%); colorPrimary3: mix(#FFFFFF, #52C41A, 30%); colorPrimary2: mix(#FFFFFF, #52C41A, 20%); colorPrimary1: mix(#FFFFFF, #52C41A, 10%); colorBlue8: mix(#FFFFFF, #307DFF, 80%); colorSuccess7: mix(#FFFFFF, #52C41A, 70%); colorPrimary06: rgba(#52C41A, 0.06); borderColorBase: #E4E4E4; borderColorLight: #EEEEEE; colorTextPrimary: #333; colorTextRegular: #666; colorTextSecondary: #999; colorTextPlaceholder: #BCBCBC; colorGjBlackLight8: rgba(0,0,0,0.2); colorWhite: #FFFFFF; colorPrimaryAlpha7: rgba(#52C41A, 0.3); } /* normal */ /* 这里覆盖公用变量 */ /* $--color-primary: red; */ /* functional color 功能色 */ .dy-head-el-tab[data-v-fd69dbd4] { height: 100%; } .dy-head-el-tab[data-v-fd69dbd4] .el-tabs__content { position: relative; z-index: 1; height: 100%; padding: 46px 0 0 0; background: #F4F5F6; } .dy-head-el-tab[data-v-fd69dbd4] .el-tab-pane { height: 100%; overflow: auto; } .dy-head-el-tab[data-v-fd69dbd4] .el-tab-pane .video-rank-wrapper { padding: 24px; } .dy-head-el-tab[data-v-fd69dbd4] .el-tab-pane .condition-card { position: relative; min-height: 171px; } .dy-head-el-tab[data-v-fd69dbd4] .el-tab-pane .btn-export { padding: 8px 14px; } [data-v-fd69dbd4] .gj-tabs .el-tabs__header { margin-bottom: 0; } [data-v-fd69dbd4] .gj-tabs .el-tabs__content { display: none; } [data-v-fd69dbd4] .video-rank-wrapper .combined-column-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [data-v-fd69dbd4] .video-rank-wrapper .combined-column-item .ranking { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 16px; width: 50px; text-align: center; } [data-v-fd69dbd4] .video-rank-wrapper .combined-column-item .video-column { padding-left: 16px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; } [data-v-fd69dbd4] .video-rank-wrapper .video-user-wrapper .name { line-height: 1.25; } [data-v-fd69dbd4] .video-rank-wrapper .blogger-user-wrapper .props .props-item { font-size: 12px; } [data-v-fd69dbd4] .video-rank-wrapper .col-item.sticky:after { width: 16px; }