mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Keep settings open (#2630)
This commit is contained in:
parent
2140734028
commit
15e8986943
@ -35,7 +35,7 @@
|
|||||||
v-model="settingsOpened"
|
v-model="settingsOpened"
|
||||||
class="settings-panel-popup"
|
class="settings-panel-popup"
|
||||||
:trigger-element="$refs.settingsIcon"
|
:trigger-element="$refs.settingsIcon"
|
||||||
:auto-close-predicate="settingsPanalClosePredicate"
|
:auto-close-predicate="settingsPanelClosePredicate"
|
||||||
:fixed="true"
|
:fixed="true"
|
||||||
>
|
>
|
||||||
<SettingsPanel @close="settingsOpened = false" />
|
<SettingsPanel @close="settingsOpened = false" />
|
||||||
@ -68,7 +68,7 @@ export default {
|
|||||||
theWorld() {
|
theWorld() {
|
||||||
externalApis.theWorld(0)
|
externalApis.theWorld(0)
|
||||||
},
|
},
|
||||||
settingsPanalClosePredicate(data: {
|
settingsPanelClosePredicate(data: {
|
||||||
target: HTMLElement
|
target: HTMLElement
|
||||||
element: HTMLElement
|
element: HTMLElement
|
||||||
trigger: HTMLElement
|
trigger: HTMLElement
|
||||||
|
|||||||
@ -1,10 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<VPopup v-model="popupOpen" class="online-registry" fixed :auto-close="false">
|
<VPopup
|
||||||
|
v-model="popupOpen"
|
||||||
|
class="online-registry be-settings-extra-options"
|
||||||
|
fixed
|
||||||
|
:auto-close="false"
|
||||||
|
>
|
||||||
<div class="online-registry-header">
|
<div class="online-registry-header">
|
||||||
<VIcon icon="mdi-web" class="online-registry-header-title-icon" />
|
<VIcon icon="mdi-web" class="online-registry-header-title-icon" />
|
||||||
<div class="online-registry-header-title">
|
<div class="online-registry-header-title">在线仓库</div>
|
||||||
在线仓库
|
|
||||||
</div>
|
|
||||||
<VIcon
|
<VIcon
|
||||||
icon="mdi-refresh"
|
icon="mdi-refresh"
|
||||||
:size="22"
|
:size="22"
|
||||||
@ -23,10 +26,7 @@
|
|||||||
<div class="online-registry-header">
|
<div class="online-registry-header">
|
||||||
<div class="online-registry-header-search">
|
<div class="online-registry-header-search">
|
||||||
<VIcon icon="search" :size="18" />
|
<VIcon icon="search" :size="18" />
|
||||||
<TextBox
|
<TextBox v-model="searchKeyword" placeholder="搜索功能" />
|
||||||
v-model="searchKeyword"
|
|
||||||
placeholder="搜索功能"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="online-registry-header-branch">
|
<div class="online-registry-header-branch">
|
||||||
分支:
|
分支:
|
||||||
@ -76,7 +76,8 @@ import { DocSourceItem } from 'registry/lib/docs'
|
|||||||
import RegistryItem from './RegistryItem.vue'
|
import RegistryItem from './RegistryItem.vue'
|
||||||
import { registryBranches } from './third-party'
|
import { registryBranches } from './third-party'
|
||||||
|
|
||||||
const general = getGeneralSettings()
|
type ExtendedSettings = ReturnType<typeof getGeneralSettings> & { registryBranch: string }
|
||||||
|
const general = getGeneralSettings() as ExtendedSettings
|
||||||
export default Vue.extend({
|
export default Vue.extend({
|
||||||
components: {
|
components: {
|
||||||
VIcon,
|
VIcon,
|
||||||
@ -171,7 +172,7 @@ export default Vue.extend({
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import "common";
|
@import 'common';
|
||||||
|
|
||||||
.online-registry {
|
.online-registry {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@ -180,7 +181,7 @@ export default Vue.extend({
|
|||||||
width: 360px;
|
width: 360px;
|
||||||
height: 85vh;
|
height: 85vh;
|
||||||
z-index: 100002;
|
z-index: 100002;
|
||||||
transition: .2s ease-out;
|
transition: 0.2s ease-out;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@include v-stretch();
|
@include v-stretch();
|
||||||
@include popup();
|
@include popup();
|
||||||
@ -216,7 +217,7 @@ export default Vue.extend({
|
|||||||
&-close-icon {
|
&-close-icon {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: .3s ease-out;
|
transition: 0.3s ease-out;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: var(--theme-color);
|
color: var(--theme-color);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user