topverse
/
TOPVERSE_Official
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mask

This commit is contained in:
胡鑫 2023-04-26 20:43:10 +08:00
parent c577ee4b25
commit ba996e5b47
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/Carousel.vue
View File

@ -52,7 +52,8 @@ useIntervalFn(() => {
{{ $t(item.entry) }} {{ $t(item.entry) }}
</ABtn> </ABtn>
</div> </div>
<img style="-webkit-mask-image:linear-gradient(0deg,transparent ,#000 80%, transparent 190%)" :src="item.img"> <div class="h-full w-full absolute top-0 left-0" style="background-image: linear-gradient(0deg,hsl(var(--a-body-bg-c)),transparent 80%, hsl(var(--a-body-bg-c)) 101%);" ></div>
<img :src="item.img">
</div> </div>
<!-- <ACard <!-- <ACard
:title="item.title" :title="item.title"

8
components/header/nav.vue
View File

@ -1,4 +1,6 @@
<script setup> <script setup>
const { x, y } = useWindowScroll()
const navs = [ const navs = [
{ {
title: 'home', title: 'home',
@ -28,7 +30,11 @@ const navs = [
</script> </script>
<template> <template>
<nav> <nav
:class="{
hidden: y > 10,
}"
>
<NuxtLink v-for="(nav, i) in navs" :key="i" class="mx-2 border-primary p-1 pb-5 transition-all" :to="nav.href" active-class="border-b-3px"> <NuxtLink v-for="(nav, i) in navs" :key="i" class="mx-2 border-primary p-1 pb-5 transition-all" :to="nav.href" active-class="border-b-3px">
<ABtn variant="text" color="white"> <ABtn variant="text" color="white">
<AMenu v-if="nav.child" color="white" trigger="hover" z-1000 mt-5 placement="bottom"> <AMenu v-if="nav.child" color="white" trigger="hover" z-1000 mt-5 placement="bottom">