mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
1 line
18 KiB
JavaScript
1 line
18 KiB
JavaScript
(()=>(i,e)=>{const n=`<div class=rank :class="{bangumi: viewMode === 'bangumi'}"><a v-if=rankLink target=_blank :href=rankLink class=area-header>排行榜</a><div v-else class=area-header>排行榜</div><div class=empty v-if="videos.length === 0">空空如也哦 = ̄ω ̄=</div><a class=rank-item :class="{bangumi: viewMode === 'bangumi'}"v-for="(c, index) of videos":key=c.id target=_blank :href="c.href || ('https://www.bilibili.com/' + c.bvid)"><div class=cover><dpi-img :src=c.coverUrl :size="{ width: 370 }"></dpi-img></div><div class=rank-number>{{index + 1}}</div><div class=title :title="index === 0 ? c.title : null">{{c.title}}</div><div class=watchlater v-if="c.watchlater !== null":title="watchlaterList.includes(c.aid) ? '已添加' : '稍后再看'"@click.prevent=toggleWatchlater(c.aid)><icon v-if=watchlaterList.includes(c.aid) type=mdi icon=check-circle></icon><icon v-else type=mdi icon=clock-outline></icon></div><div class=details><div class=title :title=c.title>{{c.title}}</div><div class=cover><dpi-img :src=c.coverUrl :size="{ width: 370 }"></dpi-img></div><div class=up><div class=points><icon icon=fire type=mdi></icon>{{c.points | bigNumber}}</div><div class=up-info v-if=c.upName><icon icon=up type=extended></icon><div class=up-name>{{c.upName}}</div></div><div class=ep-title v-if=c.epTitle><div>{{c.epTitle}}</div></div></div><div class=stats><template v-if=c.playCount><icon type=extended icon=play></icon><div class=number>{{c.playCount | bigNumber}}</div></template><template v-if=c.coins><icon type=extended icon=coin></icon><div class=number>{{c.coins | bigNumber}}</div></template><template v-if=c.favorites><icon type=extended icon=favorites></icon><div class=number>{{c.favorites | bigNumber}}</div></template><template v-if=c.danmakuCount><icon type=extended icon=danmaku></icon><div class=number>{{c.danmakuCount | bigNumber}}</div></template></div></div></a></div>`;e.applyStyleFromText(`.simple-home .rank{display:grid;width:calc(1.5 * var(--rank-width) + 10px);height:calc(2 * (var(--card-height) + 20px) + 48px);justify-self:right;overflow:auto;scrollbar-width:none!important;grid-template:"header header" 32px "first second" calc(var(--rank-height)/ 2 + 10px) "first third" calc(var(--rank-height)/ 2 + 10px)/calc(var(--rank-width)) calc(10px + var(--rank-width)/ 2)}.simple-home .rank::-webkit-scrollbar{height:0!important;width:0!important}.simple-home .rank .area-header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background-color:var(--simplify-home-background);color:#000;margin:0;height:auto}.simple-home .rank .area-header:link{cursor:pointer}body.dark .simple-home .rank .area-header{color:#eee}.simple-home .rank .empty{grid-column:1/3;grid-row:2/4;justify-self:center;align-self:center}.simple-home .rank .rank-item{grid-column:1/3;color:inherit!important;position:relative}.simple-home .rank .rank-item .cover{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.simple-home .rank .rank-item .cover img{width:100%;height:100%;object-fit:cover}.simple-home .rank .rank-item:hover .cover img{transform:scale(1.05)}.simple-home .rank .rank-item .rank-number{position:absolute;top:4px;left:4px;width:20px;height:20px;line-height:20px;border-radius:50%;box-sizing:border-box;text-align:center;font-weight:700;font-size:12px;z-index:9;background-color:#000c;color:#fff}.simple-home .rank .rank-item .watchlater{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;box-sizing:border-box;z-index:9;background-color:#000a;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0}.simple-home .rank .rank-item:hover .watchlater{opacity:1}.simple-home .rank .rank-item .be-icon{font-size:16px}.simple-home .rank .rank-item .be-icon.mdi-fire{transform:scale(calc(18 / 16));margin-right:2px}.simple-home .rank .rank-item .details .cover,.simple-home .rank .rank-item .details .title{display:none}.simple-home .rank:not(.bangumi) .rank-item:not(:nth-child(n+5)){background-color:#fff}body.dark .simple-home .rank:not(.bangumi) .rank-item:not(:nth-child(n+5)){background-color:#282828}.simple-home .rank:not(.bangumi) .rank-item:not(:nth-child(2))>.title{overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;word-break:break-all;line-height:1.4;padding:0 8px;margin-top:4px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2),.simple-home .rank:not(.bangumi) .rank-item:nth-child(3),.simple-home .rank:not(.bangumi) .rank-item:nth-child(4){border-radius:16px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .rank-number,.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .rank-number,.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .rank-number{background-color:var(--theme-color);color:var(--foreground-color);opacity:.9}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2){grid-area:first;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;margin-bottom:10px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .details{align-self:stretch}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .cover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,#000c 0,transparent 100%);z-index:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .title{font-weight:700;font-size:16px;line-height:1.5;color:#fff;padding:0 8px;z-index:10;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .up{display:flex;align-self:stretch;justify-content:space-between;align-items:center;opacity:.75;color:#fff;padding:0 12px 0 6px;margin:4px 0 8px;z-index:10}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .up>*{display:flex;align-items:center}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .up .be-iconfont-up{margin-right:4px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .up .points{flex-shrink:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .up .up-info{max-width:61%}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .up .up-info .up-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .stats{display:flex;justify-content:flex-start;align-items:center;color:#fff;opacity:0;padding:0 8px;position:absolute;bottom:8px;left:0;z-index:10}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .stats .be-icon{margin:0 2px 0 8px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2) .stats .be-icon:first-child{margin-left:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2):hover .up{opacity:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(2):hover .stats{opacity:.75}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3){grid-area:second;margin-bottom:10px;margin-left:10px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details{position:absolute;top:0;right:calc(100% + 10px);width:var(--rank-width);padding:4px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;z-index:10;opacity:0;pointer-events:none}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .title{font-weight:700;font-size:14px;line-height:1.5;color:#fff;padding:8px;z-index:10}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .cover{overflow:hidden;background-color:#000}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .cover img{filter:blur(16px) brightness(.5);transform:scale(1.5)}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .stats,.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .up{z-index:10;display:flex;color:#fff}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .stats .be-icon:not(.mdi-fire),.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .up .be-icon:not(.mdi-fire){margin:0 4px 0 8px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .up{justify-content:space-between;margin:0 10px 0 6px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .up>*{display:flex;align-items:center}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .stats{margin:8px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .stats .be-icon:first-child{margin-left:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3):hover .details{opacity:1}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3)>.title{display:none}.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .cover,.simple-home .rank:not(.bangumi) .rank-item:nth-child(3) .details .title{display:flex}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4){grid-area:third;margin-bottom:10px;margin-left:10px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details{position:absolute;top:0;right:calc(100% + 10px);width:var(--rank-width);padding:4px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;z-index:10;opacity:0;pointer-events:none}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .title{font-weight:700;font-size:14px;line-height:1.5;color:#fff;padding:8px;z-index:10}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .cover{overflow:hidden;background-color:#000}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .cover img{filter:blur(16px) brightness(.5);transform:scale(1.5)}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .stats,.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .up{z-index:10;display:flex;color:#fff}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .stats .be-icon:not(.mdi-fire),.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .up .be-icon:not(.mdi-fire){margin:0 4px 0 8px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .up{justify-content:space-between;margin:0 10px 0 6px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .up>*{display:flex;align-items:center}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .stats{margin:8px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .stats .be-icon:first-child{margin-left:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4):hover .details{opacity:1}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4)>.title{display:none}.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .cover,.simple-home .rank:not(.bangumi) .rank-item:nth-child(4) .details .title{display:flex}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5){background-color:transparent;display:grid;grid-template:"cover title" 2fr "cover up" 1fr/120px 1fr}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5):not(.bangumi):not(:nth-child(5)){margin-top:12px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5):not(.bangumi):not(:nth-child(5))::before{content:"";width:100%;height:1px;background-color:#8882;position:absolute;bottom:calc(100% + 6px);left:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5).bangumi:not(:nth-child(3)){margin-top:12px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5).bangumi:not(:nth-child(3))::before{content:"";width:100%;height:1px;background-color:#8882;position:absolute;bottom:calc(100% + 6px);left:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5)>.cover{grid-area:cover;position:static;width:120px;height:70px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5)>.title{grid-area:title}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .watchlater{right:unset;left:96px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details{grid-area:up;opacity:.75}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details,.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details *{display:flex;align-items:center}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details .cover,.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details .title{display:none}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details .up{margin:4px 6px;position:absolute;bottom:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details .up .up-info .up-name{margin-left:4px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details .up>:not(:last-child){margin-right:16px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details .stats{position:absolute;bottom:0;display:flex;align-items:center;margin:4px 8px;opacity:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5) .details .stats .number{margin:0 12px 0 4px}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5):hover .up{opacity:0}.simple-home .rank:not(.bangumi) .rank-item:nth-child(n+5):hover .stats{opacity:1}.simple-home .rank.bangumi{grid-template:"header" auto "first" calc(var(--rank-height))/calc(var(--rank-width));width:var(--rank-width)}.simple-home .rank.bangumi .rank-item:not(:nth-child(n+3)){background-color:#fff}body.dark .simple-home .rank.bangumi .rank-item:not(:nth-child(n+3)){background-color:#282828}.simple-home .rank.bangumi .rank-item:not(:nth-child(2))>.title{overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;word-break:break-all;line-height:1.4;padding:0 8px;margin-top:4px}.simple-home .rank.bangumi .rank-item:nth-child(2),.simple-home .rank.bangumi .rank-item:nth-child(3),.simple-home .rank.bangumi .rank-item:nth-child(4){border-radius:16px}.simple-home .rank.bangumi .rank-item:nth-child(2) .rank-number,.simple-home .rank.bangumi .rank-item:nth-child(3) .rank-number,.simple-home .rank.bangumi .rank-item:nth-child(4) .rank-number{background-color:var(--theme-color);color:var(--foreground-color);opacity:.9}.simple-home .rank.bangumi .rank-item:nth-child(2){grid-area:first;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;margin-bottom:10px}.simple-home .rank.bangumi .rank-item:nth-child(2) .details{align-self:stretch}.simple-home .rank.bangumi .rank-item:nth-child(2) .cover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,#000c 0,transparent 100%);z-index:0}.simple-home .rank.bangumi .rank-item:nth-child(2) .title{font-weight:700;font-size:16px;line-height:1.5;color:#fff;padding:0 8px;z-index:10;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.simple-home .rank.bangumi .rank-item:nth-child(2) .up{display:flex;align-self:stretch;justify-content:space-between;align-items:center;opacity:.75;color:#fff;padding:0 12px 0 6px;margin:4px 0 8px;z-index:10}.simple-home .rank.bangumi .rank-item:nth-child(2) .up>*{display:flex;align-items:center}.simple-home .rank.bangumi .rank-item:nth-child(2) .up .be-iconfont-up{margin-right:4px}.simple-home .rank.bangumi .rank-item:nth-child(2) .up .points{flex-shrink:0}.simple-home .rank.bangumi .rank-item:nth-child(2) .up .up-info{max-width:61%}.simple-home .rank.bangumi .rank-item:nth-child(2) .up .up-info .up-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.simple-home .rank.bangumi .rank-item:nth-child(2) .stats{display:flex;justify-content:flex-start;align-items:center;color:#fff;opacity:0;padding:0 8px;position:absolute;bottom:8px;left:0;z-index:10}.simple-home .rank.bangumi .rank-item:nth-child(2) .stats .be-icon{margin:0 2px 0 8px}.simple-home .rank.bangumi .rank-item:nth-child(2) .stats .be-icon:first-child{margin-left:0}.simple-home .rank.bangumi .rank-item:nth-child(2):hover .up{opacity:0}.simple-home .rank.bangumi .rank-item:nth-child(2):hover .stats{opacity:.75}.simple-home .rank.bangumi .rank-item:nth-child(n+3){background-color:transparent;display:grid;grid-template:"cover title" 2fr "cover up" 1fr/120px 1fr}.simple-home .rank.bangumi .rank-item:nth-child(n+3):not(.bangumi):not(:nth-child(5)){margin-top:12px}.simple-home .rank.bangumi .rank-item:nth-child(n+3):not(.bangumi):not(:nth-child(5))::before{content:"";width:100%;height:1px;background-color:#8882;position:absolute;bottom:calc(100% + 6px);left:0}.simple-home .rank.bangumi .rank-item:nth-child(n+3).bangumi:not(:nth-child(3)){margin-top:12px}.simple-home .rank.bangumi .rank-item:nth-child(n+3).bangumi:not(:nth-child(3))::before{content:"";width:100%;height:1px;background-color:#8882;position:absolute;bottom:calc(100% + 6px);left:0}.simple-home .rank.bangumi .rank-item:nth-child(n+3)>.cover{grid-area:cover;position:static;width:120px;height:70px}.simple-home .rank.bangumi .rank-item:nth-child(n+3)>.title{grid-area:title}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .watchlater{right:unset;left:96px}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details{grid-area:up;opacity:.75}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details,.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details *{display:flex;align-items:center}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details .cover,.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details .title{display:none}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details .up{margin:4px 6px;position:absolute;bottom:0}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details .up .up-info .up-name{margin-left:4px}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details .up>:not(:last-child){margin-right:16px}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details .stats{position:absolute;bottom:0;display:flex;align-items:center;margin:4px 8px;opacity:0}.simple-home .rank.bangumi .rank-item:nth-child(n+3) .details .stats .number{margin:0 12px 0 4px}.simple-home .rank.bangumi .rank-item:nth-child(n+3):hover .up{opacity:0}.simple-home .rank.bangumi .rank-item:nth-child(n+3):hover .stats{opacity:1}`,"rank-list-style");return{export:Object.assign({template:n},{props:["videos","view-mode","rank-link"],filters:{bigNumber(i){return formatCount(i)}},components:{Icon:()=>e.importAsync("icon.vue"),DpiImg:()=>e.importAsync("dpi-img.vue")},computed:{...Vuex.mapState(["watchlaterList"])},methods:{...Vuex.mapActions(["toggleWatchlater"])}})}})(); |