mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Add touch support for custom navbar
This commit is contained in:
parent
950e5b7947
commit
8c5832c418
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
min/custom-navbar.min.css
vendored
2
min/custom-navbar.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
<div class=custom-navbar><ul><li v-for="component of components"v-bind:data-name=component.name v-bind:class="{disabled: component.disabled}"v-bind:style="{flex: component.flex}"v-on:pointerover=requestPopup(component)><a class=main-content v-if=component.href v-bind:href=component.href v-html=component.html></a><div class=main-content v-else v-html=component.html></div><div class=notify-count></div><div class=popup v-if=component.popupHtml v-bind:class="{'no-padding': component.noPadding}"><div v-if=component.requestedPopup v-html=component.popupHtml></div></div></ul></div>
|
||||
<div class=custom-navbar><ul><li v-for="component of components"v-bind:data-name=component.name v-bind:class="{disabled: component.disabled}"v-bind:style="{flex: component.flex}"v-on:pointerover=requestPopup(component)><a class=main-content v-if=component.href v-bind:href="!component.touch && component.href"v-html=component.html></a><div class=main-content v-else v-html=component.html></div><div class=notify-count></div><div class=popup v-if=component.popupHtml v-bind:class="{'no-padding': component.noPadding}"><div v-if=component.requestedPopup v-html=component.popupHtml></div></div></ul></div>
|
||||
2
min/custom-navbar.min.js
vendored
2
min/custom-navbar.min.js
vendored
File diff suppressed because one or more lines are too long
@ -319,6 +319,11 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
|
||||
{
|
||||
font-size: 14pt;
|
||||
margin-top: 40px;
|
||||
color: inherit;
|
||||
}
|
||||
.user-info-panel .name:hover
|
||||
{
|
||||
color: var(--theme-color);
|
||||
}
|
||||
.user-info-panel .type
|
||||
{
|
||||
|
||||
@ -3,7 +3,8 @@
|
||||
<li v-for="component of components" v-bind:data-name="component.name"
|
||||
v-bind:class="{disabled: component.disabled}" v-bind:style="{flex: component.flex}"
|
||||
v-on:pointerover="requestPopup(component)">
|
||||
<a class="main-content" v-if="component.href" v-bind:href="component.href" v-html="component.html"></a>
|
||||
<a class="main-content" v-if="component.href" v-bind:href="!component.touch && component.href"
|
||||
v-html="component.html"></a>
|
||||
<div class="main-content" v-else v-html="component.html"></div>
|
||||
<div class="notify-count"></div>
|
||||
<div class="popup" v-if="component.popupHtml" v-bind:class="{'no-padding': component.noPadding}">
|
||||
|
||||
@ -22,8 +22,9 @@ class NavbarComponent
|
||||
this.disabled = false;
|
||||
this.requestedPopup = false;
|
||||
this.onPopup = null;
|
||||
this.href = ``;
|
||||
this.href = null;
|
||||
this.notifyCount = 0;
|
||||
this.touch = settings.touchNavBar;
|
||||
}
|
||||
get name()
|
||||
{
|
||||
@ -50,6 +51,7 @@ class Logo extends NavbarComponent
|
||||
super();
|
||||
this.href = `https://www.bilibili.com/`;
|
||||
this.html = /*html*/`<i class="custom-navbar-iconfont custom-navbar-icon-logo"></i>`;
|
||||
this.touch = false;
|
||||
}
|
||||
get name()
|
||||
{
|
||||
@ -63,6 +65,7 @@ class SimpleLink extends NavbarComponent
|
||||
super();
|
||||
this.html = name;
|
||||
this.href = link;
|
||||
this.touch = false;
|
||||
}
|
||||
}
|
||||
class Upload extends NavbarComponent
|
||||
@ -216,16 +219,17 @@ class UserInfo extends NavbarComponent
|
||||
constructor()
|
||||
{
|
||||
super();
|
||||
this.href = "https://space.bilibili.com";
|
||||
this.html = /*html*/`
|
||||
<a class="user-face-container" target="_blank" href="https://space.bilibili.com">
|
||||
<div class="user-face-container">
|
||||
<div class="user-face"></div>
|
||||
<div class="user-pendant"></div>
|
||||
</a>
|
||||
</div>
|
||||
`;
|
||||
this.popupHtml = /*html*/`
|
||||
<div class="user-info-panel">
|
||||
<div v-if="isLogin" class="logged-in">
|
||||
<span class="name">{{uname}}</span>
|
||||
<a class="name" target="_blank" href="https://space.bilibili.com/">{{uname}}</a>
|
||||
<div class="row">
|
||||
<a target="_blank" title="等级" href="https://account.bilibili.com/site/record?type=exp" class="level">LV<strong>{{level_info.current_level}}</strong></a>
|
||||
<a target="_blank" href="https://account.bilibili.com/account/big" class="type">{{userType}}</a>
|
||||
@ -418,6 +422,7 @@ class Iframe extends NavbarComponent
|
||||
`;
|
||||
this.noPadding = true;
|
||||
this.requestedPopup = lazy ? false : true;
|
||||
this.touch = false;
|
||||
}
|
||||
}
|
||||
class NotifyIframe extends Iframe
|
||||
@ -425,6 +430,7 @@ class NotifyIframe extends Iframe
|
||||
constructor(...args)
|
||||
{
|
||||
super(...args);
|
||||
this.touch = settings.touchNavBar;
|
||||
this.getNotifyCount();
|
||||
}
|
||||
getApiUrl()
|
||||
|
||||
Loading…
Reference in New Issue
Block a user