mirror of
https://git.mirrors.martin98.com/https://github.com/sub-store-org/Sub-Store.git
synced 2025-09-23 20:03:16 +08:00
UI改进
This commit is contained in:
parent
64709b6610
commit
5f1b389548
@ -1,8 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-container fluid>
|
<v-container>
|
||||||
|
<v-card>
|
||||||
|
<v-card-title>
|
||||||
|
订阅
|
||||||
<v-spacer></v-spacer>
|
<v-spacer></v-spacer>
|
||||||
|
<v-btn icon @click="createSub">
|
||||||
|
<v-icon color="primary">mdi-plus-circle</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
</v-card-title>
|
||||||
|
<v-card-text>
|
||||||
<v-list dense>
|
<v-list dense>
|
||||||
<v-subheader>单个订阅</v-subheader>
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
v-for="sub in subscriptions"
|
v-for="sub in subscriptions"
|
||||||
:key="sub.name"
|
:key="sub.name"
|
||||||
@ -40,9 +47,19 @@
|
|||||||
</v-list-item-action>
|
</v-list-item-action>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
<v-divider></v-divider>
|
</v-card-text>
|
||||||
|
</v-card>
|
||||||
|
|
||||||
|
<v-card>
|
||||||
|
<v-card-title>
|
||||||
|
组合订阅
|
||||||
|
<v-spacer></v-spacer>
|
||||||
|
<v-btn icon @click="createCol">
|
||||||
|
<v-icon color="primary">mdi-plus-circle</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
</v-card-title>
|
||||||
|
<v-card-text>
|
||||||
<v-list dense>
|
<v-list dense>
|
||||||
<v-subheader>组合订阅</v-subheader>
|
|
||||||
<v-list-item
|
<v-list-item
|
||||||
v-for="collection in collections"
|
v-for="collection in collections"
|
||||||
:key="collection.name"
|
:key="collection.name"
|
||||||
@ -93,41 +110,8 @@
|
|||||||
</v-list-item-action>
|
</v-list-item-action>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
<v-fab-transition>
|
</v-card-text>
|
||||||
<v-speed-dial
|
</v-card>
|
||||||
v-if="!showProxyList"
|
|
||||||
v-model="opened"
|
|
||||||
direction="top"
|
|
||||||
left
|
|
||||||
fab
|
|
||||||
absolute
|
|
||||||
bottom
|
|
||||||
transition="slide-y-reverse-transition"
|
|
||||||
>
|
|
||||||
<template #activator>
|
|
||||||
<v-btn
|
|
||||||
fab
|
|
||||||
>
|
|
||||||
<v-icon v-if="opened">mdi-close</v-icon>
|
|
||||||
<v-icon v-else>mdi-apps</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</template>
|
|
||||||
<v-btn
|
|
||||||
fab
|
|
||||||
color="primary"
|
|
||||||
@click="createSub"
|
|
||||||
>
|
|
||||||
<v-icon>mdi-plus</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<v-btn
|
|
||||||
fab
|
|
||||||
color="primary"
|
|
||||||
@click="createCol"
|
|
||||||
>
|
|
||||||
<v-icon>create_new_folder</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
</v-speed-dial>
|
|
||||||
</v-fab-transition>
|
|
||||||
<v-dialog fullscreen hide-overlay transition="dialog-bottom-transition" v-model="showProxyList" scrollable>
|
<v-dialog fullscreen hide-overlay transition="dialog-bottom-transition" v-model="showProxyList" scrollable>
|
||||||
<v-card>
|
<v-card>
|
||||||
<v-card-title class="pa-0">
|
<v-card-title class="pa-0">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user