renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(TopBarPop): fade in animation

Browse Source
This commit is contained in:
夜晚的鸡鸣
2024-07-07 21:25:32 +08:00
parent 4c69e80af2
commit f3a6b340de
4 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/TopBar/components/FavoritesPop.vue
View File

@@ -151,7 +151,7 @@ defineExpose({
style="backdrop-filter: var(--bew-filter-glass-1)"
flex="~" items-center justify-between
p="x-6"
pos="fixed top-0 left-0"
pos="relative top-0 left-0"
w="full"
h-50px
bg="$bew-content"
@@ -178,9 +178,9 @@ defineExpose({
</div>
</header>
<main flex="~" overflow-hidden rounded="$bew-radius">
<main flex="~" overflow-hidden rounded="b-$bew-radius">
<aside
w="120px" h="430px" overflow="y-scroll" rounded="l-$bew-radius"
w="120px" h="380px" overflow="y-scroll" rounded="bl-$bew-radius"
flex="shrink-0" bg="$bew-fill-1"
>
<ul grid="~ cols-1">
@@ -189,7 +189,6 @@ defineExpose({
:key="item.id"
:class="activatedMediaId === item.id ? 'activated-category' : ''"
p="y-2 x-6"
first:m="t-[50px]"
cursor="pointer"
transition="~ duration-300"
@click="changeCategory(item)"
@@ -203,7 +202,7 @@ defineExpose({
<div
ref="favoriteVideosWrap"
flex="~ col gap-2 1"
h="430px"
h="380px"
overflow="y-scroll"
p="x-4"
pos="relative"
@@ -237,7 +236,7 @@ defineExpose({
:target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
hover:bg="$bew-fill-2"
rounded="$bew-radius"
m="first:t-50px last:b-4" p="2"
m="last:b-4" p="2"
class="group"
transition="~ duration-300"
>

8
src/components/TopBar/components/HistoryPop.vue
View File

@@ -181,7 +181,7 @@ function getHistoryList(type: Business, view_at = 0 as number) {
flex="~"
justify="between"
p="y-4 x-6"
pos="fixed top-0 left-0"
pos="relative top-0 left-0"
w="full"
bg="$bew-elevated"
z="2"
@@ -210,11 +210,11 @@ function getHistoryList(type: Business, view_at = 0 as number) {
</header>
<!-- historys wrapper -->
<main overflow-hidden rounded="$bew-radius">
<main overflow-hidden rounded="b-$bew-radius">
<div
ref="historysWrap"
flex="~ col gap-2"
h="430px"
h="380px"
overflow="y-scroll"
p="x-4"
>
@@ -241,7 +241,7 @@ function getHistoryList(type: Business, view_at = 0 as number) {
v-for="historyItem in historys"
:key="historyItem.kid"
:href="getHistoryUrl(historyItem)" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
m="last:b-4 first:t-50px" p="2"
m="last:b-4" p="2"
rounded="$bew-radius"
hover:bg="$bew-fill-2"
duration-300

8
src/components/TopBar/components/MomentsPop.vue
View File

@@ -291,7 +291,7 @@ defineExpose({
justify="between"
items-center
p="y-4 x-6"
pos="fixed top-0 left-0"
pos="relative top-0 left-0"
w="full"
bg="$bew-elevated"
z="1"
@@ -320,8 +320,8 @@ defineExpose({
</header>
<!-- moments wrapper -->
<main overflow-hidden rounded="$bew-radius">
<div ref="momentsWrap" h="430px" overflow="y-scroll x-hidden" p="x-4">
<main overflow-hidden rounded="b-$bew-radius">
<div ref="momentsWrap" h="380px" overflow="y-scroll x-hidden" p="x-4">
<!-- loading -->
<Loading
v-if="isLoading && moments.length === 0"
@@ -348,7 +348,7 @@ defineExpose({
:key="index"
:href="moment.link" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
flex="~ justify-between"
m="b-2 first:t-50px" p="2"
m="b-2" p="2"
rounded="$bew-radius"
hover:bg="$bew-fill-2"
duration-300

8
src/components/TopBar/components/WatchLaterPop.vue
View File

@@ -66,7 +66,7 @@ function getAllWatchLaterList() {
flex="~"
justify="between"
p="y-4 x-6"
pos="fixed top-0 left-0"
pos="relative top-0 left-0"
w="full"
bg="$bew-elevated"
z="2"
@@ -95,10 +95,10 @@ function getAllWatchLaterList() {
</header>
<!-- watchLater wrapper -->
<main overflow-hidden rounded="$bew-radius">
<main overflow-hidden rounded="b-$bew-radius">
<div
flex="~ col gap-2"
h="430px"
h="380px"
overflow="y-scroll"
p="x-4"
>
@@ -125,7 +125,7 @@ function getAllWatchLaterList() {
v-for="item in watchLaterList"
:key="item.aid"
:href="getWatchLaterUrl(item.bvid)" :target="isHomePage() ? '_blank' : '_self'" rel="noopener noreferrer"
m="last:b-4 first:t-50px" p="2"
m="last:b-4" p="2"
rounded="$bew-radius"
hover:bg="$bew-fill-2"
duration-300