Add logo component

This commit is contained in:
the1812 2019-09-04 12:16:47 +08:00
parent b0f1d08b17
commit e90453d27f
12 changed files with 59 additions and 17 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -77,12 +77,13 @@
"image-viewer.min.html": "763742E79923A7918F281AEBB3CEE76FE2A0AE94CACE325AE4BEE1AED451DAEA", "image-viewer.min.html": "763742E79923A7918F281AEBB3CEE76FE2A0AE94CACE325AE4BEE1AED451DAEA",
"index.min.html": "94B83D9EBB9005C1286A7E0759A7683932F8DADA20D07E5E9D8FF867B04D4B95", "index.min.html": "94B83D9EBB9005C1286A7E0759A7683932F8DADA20D07E5E9D8FF867B04D4B95",
"keymap.min.js": "A8EE3D74A3B47DFEE2842B8719DBB13FC7A2E6A5C268E42A606642B1EC036887", "keymap.min.js": "A8EE3D74A3B47DFEE2842B8719DBB13FC7A2E6A5C268E42A606642B1EC036887",
"logo.vue.min.js": "B95C66AC3673A4F2C15E2D3322181B126260A155AD8B7ADD5092542C574AB8D5",
"magic-grid.min.js": "83C4A66DE2E0EB3C4335241E4105AD0A95906F7B5EA129B4CD80E9985D2E09B4", "magic-grid.min.js": "83C4A66DE2E0EB3C4335241E4105AD0A95906F7B5EA129B4CD80E9985D2E09B4",
"mdi.min.js": "8A22F2F37F88F74FC07CE2FECA7CE135182058BE24409BAF3DEF0D5845B0BE1A", "mdi.min.js": "8A22F2F37F88F74FC07CE2FECA7CE135182058BE24409BAF3DEF0D5845B0BE1A",
"medal-helper.min.css": "205A02CC6E8B2DBDA222A0660D83EA6E4B24F0B5A753E269FED099AB8AE31B6C", "medal-helper.min.css": "205A02CC6E8B2DBDA222A0660D83EA6E4B24F0B5A753E269FED099AB8AE31B6C",
"medal-helper.min.html": "5D7057259368BE97DED3375DD904695B245AA2BF338C5E18CB3CF61DD913617C", "medal-helper.min.html": "5D7057259368BE97DED3375DD904695B245AA2BF338C5E18CB3CF61DD913617C",
"medal-helper.min.js": "33751914C5DE205D79E059F7BF285E325E4D6DBFC68AE7E4D4B6307672F23B6E", "medal-helper.min.js": "33751914C5DE205D79E059F7BF285E325E4D6DBFC68AE7E4D4B6307672F23B6E",
"minimal-home.vue.min.js": "5DD90BD4446F69DD3AEE59632C54FE270C3BC2FCE6AD9F18AE3337F592D034B6", "minimal-home.vue.min.js": "29172B44A0217979C4D7A9A179A463120F176C90160BDDFD0214EC824304D5E7",
"narrow-danmaku.min.js": "12475431A527EFF15100AF57C9C53D0603BC27723126D966CB01240917602253", "narrow-danmaku.min.js": "12475431A527EFF15100AF57C9C53D0603BC27723126D966CB01240917602253",
"new-styles.min.js": "3D7E8E25C5B5B6BD3F784BC05D403C35F0658E67197F878874A9554C2FF5127B", "new-styles.min.js": "3D7E8E25C5B5B6BD3F784BC05D403C35F0658E67197F878874A9554C2FF5127B",
"no-banner.min.css": "DA096F94E7FA26992F3F71245E704D69A1C222D0ADA6F1990FA5D948507CE15F", "no-banner.min.css": "DA096F94E7FA26992F3F71245E704D69A1C222D0ADA6F1990FA5D948507CE15F",
@ -115,7 +116,7 @@
"settings-tooltip.zh-CN.min.js": "1D5476BD30DDA2930A2CEA032348FCCBC1B2EC6BED599AD1E26A63C9DDE59DD5", "settings-tooltip.zh-CN.min.js": "1D5476BD30DDA2930A2CEA032348FCCBC1B2EC6BED599AD1E26A63C9DDE59DD5",
"show-dead-video-title.min.js": "945C4F0E5FB2C62DB21C42FCE01829BAE7B13F4FBD90731CB85C38B82801B1A8", "show-dead-video-title.min.js": "945C4F0E5FB2C62DB21C42FCE01829BAE7B13F4FBD90731CB85C38B82801B1A8",
"simple-home.vue.min.js": "F64C88FB33612D715A4ED98A398E6D0E003DCDBF7A2CEDBA9FEC56A63E761A3C", "simple-home.vue.min.js": "F64C88FB33612D715A4ED98A398E6D0E003DCDBF7A2CEDBA9FEC56A63E761A3C",
"simplify-home.min.js": "E6920F81495E9566A35CAD0E322C63A59A26125B417E92FDB5F9FA93FEF8584A", "simplify-home.min.js": "A81F7063A6EBA963E80673B0E285173D142C354388894AB4A872BFC73DEA4789",
"simplify-home.vue.min.js": "3880EB46A18080E6DADA60E30C82BE267902D63C44B3FA7C6914789967DF8B94", "simplify-home.vue.min.js": "3880EB46A18080E6DADA60E30C82BE267902D63C44B3FA7C6914789967DF8B94",
"simplify-liveroom.min.css": "0F24C08B156121AF7B321448572996B29519881CC08D2EAA340BE2510E90B458", "simplify-liveroom.min.css": "0F24C08B156121AF7B321448572996B29519881CC08D2EAA340BE2510E90B458",
"simplify-liveroom.min.js": "68750BB42318229348198961E88AC92E4F8D4F2AF9A8CAEFF4C6F228FC037AE6", "simplify-liveroom.min.js": "68750BB42318229348198961E88AC92E4F8D4F2AF9A8CAEFF4C6F228FC037AE6",

Binary file not shown.

1
min/logo.vue.min.js vendored Normal file
View File

@ -0,0 +1 @@
(()=>{return(o,i)=>{const l=`<div class=bilibili-logo></div>`;i.applyStyleFromText(`@font-face{font-family:bilibili-logo-iconfont;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}.bilibili-logo{color:var(--theme-color);font-family:bilibili-logo-iconfont!important;font-size:24px;font-style:normal}.bilibili-logo::before{content:""}`,"logo-style");return{export:Object.assign({template:l},{})}}})();

View File

@ -1 +1 @@
(()=>{return(e,m)=>{const n=`<div class=minimal-home>I'm MinimalHome component!</div>`;return{export:Object.assign({template:n},{})}}})(); (()=>{return(o,e)=>{const m=`<div class=minimal-home><logo class=logo></logo>I'm MinimalHome component!</div>`;e.applyStyleFromText(`.minimal-home .logo{font-size:48px}`,"minimal-home-style");return{export:Object.assign({template:m},{components:{Logo:()=>e.importAsync("logo.vue")}})}}})();

View File

@ -1 +1 @@
(()=>{return(e,i)=>{(async()=>{if(document.URL.replace(window.location.search,"")!=="https://www.bilibili.com/"){return}const t=await i.importAsync("simplify-home.vue");document.body.insertAdjacentHTML("afterbegin",`\n <simplify-home :home-style="homeStyle"></simplify-home>\n `);const m=new Vue({el:"simplify-home",components:{"simplify-home":t},data:{homeStyle:e.simplifyHomeStyle}});addSettingsListener("simplifyHomeStyle",e=>m.homeStyle=e,false)})()}})(); (()=>{return(e,i)=>{(async()=>{if(document.URL.replace(window.location.search,"")!=="https://www.bilibili.com/"){return}const o=await i.importAsync("simplify-home.vue");document.body.insertAdjacentHTML("beforeend",`\n <simplify-home :home-style="homeStyle"></simplify-home>\n `);const t=new Vue({el:"simplify-home",components:{"simplify-home":o},data:{homeStyle:e.simplifyHomeStyle}});addSettingsListener("simplifyHomeStyle",e=>t.homeStyle=e,false)})()}})();

25
src/style/logo.vue Normal file
View File

@ -0,0 +1,25 @@
<template>
<div class="bilibili-logo"></div>
</template>
<script>
export default {
}
</script>
<style lang="scss">
@font-face {
font-family: "bilibili-logo-iconfont";
src: url("//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf") format("truetype");
}
.bilibili-logo {
color: var(--theme-color);
font-family: "bilibili-logo-iconfont" !important;
font-size: 24px;
font-style: normal;
&::before {
content: "\E725";
}
}
</style>

View File

@ -1,5 +1,6 @@
<template> <template>
<div class="minimal-home"> <div class="minimal-home">
<Logo class="logo"></Logo>
I'm MinimalHome component! I'm MinimalHome component!
</div> </div>
</template> </template>
@ -7,6 +8,16 @@
// https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=39717974&type_list=8 // https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=39717974&type_list=8
// https://api.bilibili.com/x/web-interface/ranking/index?day=1 // https://api.bilibili.com/x/web-interface/ranking/index?day=1
export default { export default {
components: {
Logo: () => import('../logo.vue')
}
} }
</script> </script>
<style lang="scss">
.minimal-home {
.logo {
font-size: 48px;
}
}
</style>

View File

@ -3,7 +3,7 @@
return return
} }
const SimplifyHome = await import((() => 'simplify-home.vue')()) const SimplifyHome = await import((() => 'simplify-home.vue')())
document.body.insertAdjacentHTML('afterbegin', /*html*/` document.body.insertAdjacentHTML('beforeend', /*html*/`
<simplify-home :home-style="homeStyle"></simplify-home> <simplify-home :home-style="homeStyle"></simplify-home>
`) `)
const vm = new Vue({ const vm = new Vue({