add entrance transition

This commit is contained in:
Timi
2026-08-24 16:16:43 +08:00
parent 2efce6de11
commit 05aad89706
54 changed files with 874 additions and 694 deletions
+13 -7
View File
@@ -1,15 +1,21 @@
<template>
<div class="entry-page">
<section class="entry-list">
<div v-for="item in visibleEntryList" :key="item.path" class="item" @click="go(item.path)">
<div class="body">
<t-icon :name="item.icon" size="1.75rem" />
<h2 v-text="item.title" />
<div
v-entrance-transition="index * 70"
v-for="(item, index) in visibleEntryList"
:key="item.path"
class="item"
@click="go(item.path)"
>
<div class="body">
<t-icon :name="item.icon" size="1.75rem" />
<h2 v-text="item.title" />
</div>
<p v-text="item.desc" />
</div>
<p v-text="item.desc" />
</div>
</section>
<div class="tips gray">微信内打开本站可能会经常在扫码时需要授权,建议使用浏览器打开(右上角菜单,使用默认浏览器打开),并添加快捷入口到桌面。</div>
<div class="tips gray" v-entrance-transition="visibleEntryList.length * 70">微信内打开本站可能会经常在扫码时需要授权,建议使用浏览器打开(右上角菜单,使用默认浏览器打开),并添加快捷入口到桌面。</div>
</div>
</template>