Bilibili-Evolved/min/online-info-row.vue.min.js
2019-10-26 15:32:41 +08:00

1 line
6.2 KiB
JavaScript

(()=>{return(n,a)=>{const t=`<div class=info-row><div class=header><div class=title>栏目</div></div><div class=entries><a class=entry v-for="entry of entries":key=entry.name :href=entry.url target=_blank :style="{backgroundColor: entry.color}"><svg class=icon viewBox="0 0 1024 1024"v-html=entry.icon />{{entry.name}}</a></div></div>`;a.applyStyleFromText(`.simple-home .info-row{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.simple-home .info-row .entries{display:flex;flex-direction:column;align-items:stretch;justify-content:space-around;height:100%;margin-top:16px;padding-bottom:16px}.simple-home .info-row .entries .entry{display:flex;align-items:center;border-radius:8px;font-size:14px;color:inherit;box-sizing:border-box;flex:0 0 auto;height:36px;justify-content:center;padding:0 12px 0 8px}.simple-home .info-row .entries .entry .icon{width:24px;height:24px;transition-duration:.5s;margin-right:8px}.simple-home .info-row .entries .entry:hover .icon{transform:rotate(360deg)}@media screen and (max-width:900px){.simple-home .info-row .entries{flex-direction:row}.simple-home .info-row .entries .entry{flex:1 0 0}.simple-home .info-row .entries .entry:not(:last-child){margin-right:16px}}`,"online-info-row-style");const i=[{name:"专栏",url:"https://www.bilibili.com/read/home",color:"#62E2FF40",icon:`\n<path\n d="M778.496 142.08h-537.6a56.832 56.832 0 0 0-60.16 54.016v630.528a56.832 56.832 0 0 0 59.136 54.016h537.6a56.832 56.832 0 0 0 59.136-54.016V196.096a56.832 56.832 0 0 0-59.136-54.016z"\n fill="#54E2E2"></path>\n<path\n d="M298.496 679.168h421.376a25.6 25.6 0 0 0 0-52.736H298.496a25.6 25.6 0 1 0 0 52.736zM719.872 732.928H298.496a25.6 25.6 0 1 0 0 52.736h421.376a25.6 25.6 0 0 0 0-52.736z"\n fill="#23ADE5"></path>\n<path\n d="M272.128 237.056m80.128 0l314.112 0q80.128 0 80.128 80.128l0 154.368q0 80.128-80.128 80.128l-314.112 0q-80.128 0-80.128-80.128l0-154.368q0-80.128 80.128-80.128Z"\n fill="#23ADE5"></path>\n<path d="M404.992 361.472m-49.408 0a49.408 49.408 0 1 0 98.816 0 49.408 49.408 0 1 0-98.816 0Z" fill="#2EC3E5">\n</path>\n<path d="M375.552 551.936l120.832-144.384a44.544 44.544 0 0 1 68.352 0l120.832 144.384z" fill="#2EC3E5"></path>\n`},{name:"直播",url:"https://live.bilibili.com/",color:"#A5B8FF40",icon:`\n<path d="M392.448 332.8a92.416 92.416 0 1 1-92.416-92.416A92.416 92.416 0 0 1 392.448 332.8" fill="#23ADE5">\n</path>\n<path\n d="M572.928 426.24A143.872 143.872 0 1 0 429.312 281.6a143.872 143.872 0 0 0 143.616 144.64zM826.624 521.472l-63.744 36.864v-48.64A72.192 72.192 0 0 0 691.2 437.76H190.72a72.192 72.192 0 0 0-71.936 71.936v295.424a71.936 71.936 0 0 0 71.936 71.936H691.2a71.936 71.936 0 0 0 71.936-71.936v-23.808L826.624 819.2a51.2 51.2 0 0 0 76.8-44.544V565.76a51.2 51.2 0 0 0-76.8-44.288z"\n fill="#48CFE5"></path>\n<path\n d="M425.216 569.856l124.16 71.936a25.6 25.6 0 0 1 0 42.496l-124.16 71.68a25.6 25.6 0 0 1-37.12-21.248v-143.36a25.6 25.6 0 0 1 37.12-21.504"\n fill="#FDDE80"></path>\n`},{name:"话题",url:"https://www.bilibili.com/blackboard/topic_list.html",color:"#A1FF8040",icon:`\n<path\n d="M880.64 520.448C880.64 642.56 768 742.4 627.712 742.4H409.6l-165.632 74.496-92.928-258.56a146.688 146.688 0 0 1-3.072-37.888v-37.888c0-122.112 110.592-226.56 250.112-226.56h232.704c136.448 0 249.856 104.448 249.856 226.56v37.888zM642.304 209.408h-256a280.064 280.064 0 0 0-279.04 273.152v43.776a250.88 250.88 0 0 0 3.072 46.336L215.04 878.08l183.04-90.112h244.224c153.6 0 279.04-116.48 279.04-261.632v-43.776a279.808 279.808 0 0 0-279.04-273.152z m58.112 351.744a51.2 51.2 0 0 1-51.2-51.2 55.552 55.552 0 0 1 58.112-52.48 54.528 54.528 0 0 1 51.2 55.296 57.088 57.088 0 0 1-58.112 49.408m-179.2 0a51.2 51.2 0 0 1-51.2-51.2 55.552 55.552 0 0 1 58.112-52.48 54.528 54.528 0 0 1 51.2 55.296A59.392 59.392 0 0 1 521.216 563.2m-179.2 0a51.2 51.2 0 0 1-51.2-51.2 55.552 55.552 0 0 1 58.112-52.48 54.528 54.528 0 0 1 51.2 55.296 59.648 59.648 0 0 1-58.112 49.408m279.04-270.336h-208.384c-122.112 0-224 87.296-224 188.928V512a111.36 111.36 0 0 0 3.072 31.744L267.264 768l110.592-58.112H645.12A194.048 194.048 0 0 0 842.752 512v-29.44c-2.816-104.448-102.4-191.744-223.744-191.744"\n fill="#8FC31F"></path>\n`},{name:"小黑屋",url:"https://www.bilibili.com/blackroom/",color:"#FFD29E40",icon:`\n<path\n d="M139.264 529.152a27.136 27.136 0 0 1-14.592-2.816A32 32 0 0 1 113.152 486.4l130.816-236.032a28.416 28.416 0 1 1 49.152 28.928l-130.56 235.52a25.6 25.6 0 0 1-23.296 14.336"\n fill="#F99E4A"></path>\n<path\n d="M380.416 529.152a34.56 34.56 0 0 1-25.6-14.592l-131.328-235.264a30.208 30.208 0 0 1 11.52-37.632 25.6 25.6 0 0 1 37.888 11.52l130.816 235.264a25.6 25.6 0 0 1-11.776 37.888c-2.816 0-8.704 2.816-11.52 2.816m261.376 0a25.6 25.6 0 0 1-14.336-2.816 29.44 29.44 0 0 1-11.776-37.888l130.816-235.264a28.928 28.928 0 0 1 37.632-11.52 29.44 29.44 0 0 1 11.776 37.632L665.6 514.56a25.6 25.6 0 0 1-23.296 14.592"\n fill="#F99E4A"></path>\n<path\n d="M883.968 529.152a34.56 34.56 0 0 1-25.6-14.336l-130.56-235.52a27.392 27.392 0 0 1 11.52-37.632 25.6 25.6 0 0 1 37.888 11.52l130.56 235.52a25.6 25.6 0 0 1-11.776 37.632c-2.816 0-8.704 2.816-11.776 2.816"\n fill="#F99E4A"></path>\n<path\n d="M801.536 241.664l-130.56-51.2A129.536 129.536 0 0 0 640 183.552H380.416a153.6 153.6 0 0 0-32 5.632L217.6 241.664A21.248 21.248 0 0 0 226.304 281.6h569.6a21.248 21.248 0 0 0 5.632-40.704M458.752 281.6v520.704a51.2 51.2 0 0 0 104.704 0V281.6z"\n fill="#FFD043"></path>\n<path d="M561.152 183.296A51.2 51.2 0 0 0 512 139.776a52.992 52.992 0 0 0-51.2 46.336h102.4z" fill="#FFD043">\n</path>\n<path\n d="M755.2 877.824H267.008A41.472 41.472 0 0 1 230.4 816.896l55.04-122.112a44.8 44.8 0 0 1 37.888-25.6h373.76a37.12 37.12 0 0 1 37.632 25.6L790.016 819.2a37.888 37.888 0 0 1-34.816 58.112"\n fill="#F99E4A"></path>\n<path\n d="M900.352 494.336a9.216 9.216 0 0 1 8.704 8.704 148.48 148.48 0 0 1-296.192 0 7.68 7.68 0 0 1 8.704-8.704z m-502.528 0a9.216 9.216 0 0 1 8.704 8.704 151.808 151.808 0 0 1-148.224 142.336 150.016 150.016 0 0 1-148.224-142.336 7.68 7.68 0 0 1 8.704-8.704z"\n fill="#FFD043"></path>\n`}];return{export:Object.assign({template:t},{components:{Icon:()=>a.importAsync("icon.vue")},data(){return{entries:i}}})}}})();