mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Refactor info row
This commit is contained in:
parent
2cc89ac80f
commit
adac0262e8
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
@ -109,6 +109,7 @@
|
||||
"notify-new-version.min.js": "B657B4A67D791FC413E1DBF2BBC59A79EE453582F44F17BF9157D927891BAE96",
|
||||
"old-tweets.min.js": "387152B26384B0900985F527112841CC00A48F507EAA8FA634D13FFA83447A72",
|
||||
"old.min.css": "4C8C918BEBE59E9EE19D5E383234767EE2A2F1DB72E86F0C9F9CE01F26DD193C",
|
||||
"online-info-row.vue.min.js": "3B325BCA42B6F6FB41A936E4E895E2D08BEEFC59A0C52B11DF92AFD0D70DC463",
|
||||
"outer-watchlater.min.css": "B40E94BADA1A9BC96422777B33150780330763098B539921DA05F9D3BA487424",
|
||||
"outer-watchlater.min.js": "B6D702917A31B4028464CB9B89CB45EB1ABF38E6EE8E682CF8812546EE8194DC",
|
||||
"override-navbar.min.css": "E5AA612841281169CA367A238FB934F807900A385CE2298B7352FF3CA4623757",
|
||||
@ -135,7 +136,7 @@
|
||||
"settings-tooltip.min.js": "E9ABA72B3C29CA850342109E57B055B193F3356DD59876B202E8E908AE6247C9",
|
||||
"settings-tooltip.zh-CN.min.js": "AD93F86107EC6840A24BCFF7DE3DB87C620A7591D88CFD4A2E41C058B7ED5585",
|
||||
"show-dead-video-title.min.js": "8D591930421EBA43A1BDF50DC8B645C1BD1A17E109FB1CFBCD6B78E6C74E1D68",
|
||||
"simple-home.vue.min.js": "EB8AD0E55222D1F789311175DCDD0B4582EBFC98A730A1192BA76A73EBF1DD71",
|
||||
"simple-home.vue.min.js": "B8C32DBB302510585B774E0AAFF23720B4FF8A2701F4312B6834FBFA8A2FECF9",
|
||||
"simplify-home.min.css": "50F0FA046D61ECE5183409CF97C8DBECB4CF64918DF813CD2B39BF9FBD314B42",
|
||||
"simplify-home.min.js": "F6D7F8E0D45847C3E056711AECE3832785603E7EF85A4B995C028F5CBE539C94",
|
||||
"simplify-home.vue.min.js": "CE3C3E09348AA20C36E3EE7A4023CF7DCDE304412D3EC440ABF316CFD0A31C6E",
|
||||
|
||||
BIN
min/bundle.zip
BIN
min/bundle.zip
Binary file not shown.
1
min/online-info-row.vue.min.js
vendored
Normal file
1
min/online-info-row.vue.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
min/simple-home.vue.min.js
vendored
2
min/simple-home.vue.min.js
vendored
File diff suppressed because one or more lines are too long
175
src/style/simplify-home/simple-home/online-info-row.vue
Normal file
175
src/style/simplify-home/simple-home/online-info-row.vue
Normal file
@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div class="info-row">
|
||||
<a
|
||||
class="online"
|
||||
target="_blank"
|
||||
href="https://www.bilibili.com/video/online.html"
|
||||
>在线人数: {{online}}</a>
|
||||
<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>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
interface InfoEntry {
|
||||
name: string
|
||||
url: string
|
||||
color: string
|
||||
icon: string
|
||||
}
|
||||
const entries: InfoEntry[] = [
|
||||
{
|
||||
name: '专栏',
|
||||
url: 'https://www.bilibili.com/read/home',
|
||||
color: '#62E2FF40',
|
||||
icon: `
|
||||
<path
|
||||
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"
|
||||
fill="#54E2E2"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#23ADE5"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#23ADE5"></path>
|
||||
<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">
|
||||
</path>
|
||||
<path d="M375.552 551.936l120.832-144.384a44.544 44.544 0 0 1 68.352 0l120.832 144.384z" fill="#2EC3E5"></path>
|
||||
`
|
||||
},
|
||||
{
|
||||
name: '直播',
|
||||
url: 'https://live.bilibili.com/',
|
||||
color: '#A5B8FF40',
|
||||
icon: `
|
||||
<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">
|
||||
</path>
|
||||
<path
|
||||
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"
|
||||
fill="#48CFE5"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#FDDE80"></path>
|
||||
`
|
||||
},
|
||||
{
|
||||
name: '话题',
|
||||
url: 'https://www.bilibili.com/blackboard/topic_list.html',
|
||||
color: '#A1FF8040',
|
||||
icon: `
|
||||
<path
|
||||
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"
|
||||
fill="#8FC31F"></path>
|
||||
`
|
||||
},
|
||||
{
|
||||
name: '小黑屋',
|
||||
url: 'https://www.bilibili.com/blackroom/',
|
||||
color: '#FFD29E40',
|
||||
icon: `
|
||||
<path
|
||||
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"
|
||||
fill="#F99E4A"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#F99E4A"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#F99E4A"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#FFD043"></path>
|
||||
<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">
|
||||
</path>
|
||||
<path
|
||||
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"
|
||||
fill="#F99E4A"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#FFD043"></path>
|
||||
`
|
||||
}
|
||||
]
|
||||
export default {
|
||||
components: {
|
||||
Icon: () => import('../../icon.vue')
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
online: '--',
|
||||
entries
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
const json = await Ajax.getJson(
|
||||
'https://api.bilibili.com/x/web-interface/online'
|
||||
)
|
||||
if (json.code !== 0) {
|
||||
return
|
||||
}
|
||||
this.online = json.data.web_online
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.simple-home .info-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.online {
|
||||
padding: 8px 16px;
|
||||
height: 32px;
|
||||
border-radius: 16px;
|
||||
background-color: #8882;
|
||||
color: inherit;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.entries {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.entry {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
padding: 8px 24px 8px 16px;
|
||||
height: 32px;
|
||||
border-radius: 16px;
|
||||
font-size: 14px;
|
||||
color: inherit;
|
||||
box-sizing: border-box;
|
||||
|
||||
.icon {
|
||||
margin-right: 16px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
&:hover .icon {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
&:not(:last-child) {
|
||||
margin-right: 24px;
|
||||
}
|
||||
@media screen and (max-width: 900px) {
|
||||
&:not(:last-child) {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -2,108 +2,16 @@
|
||||
<div class="simple-home">
|
||||
<blackboards></blackboards>
|
||||
<trending-videos></trending-videos>
|
||||
<div class="info">
|
||||
<div class="online">在线人数: {{online}}</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>
|
||||
<info-row></info-row>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
interface InfoEntry {
|
||||
name: string
|
||||
url: string
|
||||
color: string
|
||||
icon: string
|
||||
}
|
||||
const entries: InfoEntry[] = [
|
||||
{
|
||||
name: '专栏',
|
||||
url: 'https://www.bilibili.com/read/home',
|
||||
color: '#62E2FF66',
|
||||
icon: `
|
||||
<path
|
||||
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"
|
||||
fill="#54E2E2"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#23ADE5"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#23ADE5"></path>
|
||||
<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">
|
||||
</path>
|
||||
<path d="M375.552 551.936l120.832-144.384a44.544 44.544 0 0 1 68.352 0l120.832 144.384z" fill="#2EC3E5"></path>
|
||||
`
|
||||
},
|
||||
{
|
||||
name: '直播',
|
||||
url: 'https://live.bilibili.com/',
|
||||
color: '#A5B8FF66',
|
||||
icon: `
|
||||
<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">
|
||||
</path>
|
||||
<path
|
||||
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"
|
||||
fill="#48CFE5"></path>
|
||||
<path
|
||||
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"
|
||||
fill="#FDDE80"></path>
|
||||
`
|
||||
},
|
||||
{
|
||||
name: '话题',
|
||||
url: 'https://www.bilibili.com/blackboard/topic_list.html',
|
||||
color: '#A1FF8066',
|
||||
icon: `
|
||||
<path
|
||||
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"
|
||||
fill="#8FC31F"></path>
|
||||
`
|
||||
},
|
||||
{
|
||||
name: '小黑屋',
|
||||
url: 'https://www.bilibili.com/blackroom/',
|
||||
color: '#FFD29E66',
|
||||
icon: `
|
||||
<path
|
||||
d="M518.656 475.904a223.488 223.488 0 0 1-23.296-75.52 366.08 366.08 0 0 1 81.408 14.592 623.104 623.104 0 0 1-58.112 60.928m-69.888-119.04c-11.52-58.112-8.704-55.296-25.6-156.928a265.984 265.984 0 0 0-78.336 46.592c51.2 104.448 60.928 165.376 92.928 290.304 51.2-5.632 211.968-40.704 226.56-130.56 8.704-64-142.336-64-215.04-49.408M486.4 624.128a263.424 263.424 0 0 0-107.52 69.632l43.52 153.6a47.872 47.872 0 0 1-92.928 23.296L216.576 473.088l-72.704-204.8c2.816-5.632 5.888-8.704 8.704-14.336l-14.592-51.2a46.08 46.08 0 0 1 32-57.856A47.616 47.616 0 0 1 228.096 179.2v2.816a334.848 334.848 0 0 1 98.816-43.52c177.152-46.592 203.264 55.04 429.824 23.296L890.368 588.8c-171.52 90.112-232.448-11.52-403.712 35.072"
|
||||
fill="#F39800"></path>
|
||||
`
|
||||
}
|
||||
]
|
||||
export default {
|
||||
components: {
|
||||
Blackboards: () => import('./blackboard.vue'),
|
||||
TrendingVideos: () => import('./trending-videos.vue'),
|
||||
Icon: () => import('../../icon.vue')
|
||||
InfoRow: () => import('./online-info-row.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
online: '--',
|
||||
entries
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
const json = await Ajax.getJson(
|
||||
'https://api.bilibili.com/x/web-interface/online'
|
||||
)
|
||||
if (json.code !== 0) {
|
||||
return
|
||||
}
|
||||
this.online = json.data.web_online
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@ -114,7 +22,7 @@ export default {
|
||||
grid-template-areas: 'blackboards trendings' 'info info' 'categories categories';
|
||||
grid-template-columns: repeat(2, auto);
|
||||
grid-template-rows: repeat(3, auto);
|
||||
column-gap: 52px;
|
||||
column-gap: 44px;
|
||||
row-gap: 32px;
|
||||
@media screen and (max-width: 900px) {
|
||||
& {
|
||||
@ -194,52 +102,10 @@ export default {
|
||||
}
|
||||
.trendings {
|
||||
grid-area: trendings;
|
||||
transform: translateX(8px);
|
||||
}
|
||||
.info {
|
||||
.info-row {
|
||||
grid-area: info;
|
||||
}
|
||||
.info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.online {
|
||||
padding: 8px 16px;
|
||||
height: 32px;
|
||||
border-radius: 16px;
|
||||
background-color: #8882;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.entries {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.entry {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
padding: 8px 24px 8px 16px;
|
||||
height: 32px;
|
||||
border-radius: 16px;
|
||||
font-size: 14px;
|
||||
color: inherit;
|
||||
box-sizing: border-box;
|
||||
|
||||
.icon {
|
||||
margin-right: 16px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
&:not(:last-child) {
|
||||
margin-right: 24px;
|
||||
}
|
||||
@media screen and (max-width: 900px) {
|
||||
&:not(:last-child) {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user