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
+5 -5
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.qrCode.create" class="qr-page">
<t-form class="form" label-align="left">
<t-form class="form" label-align="left" v-entrance-transition>
<t-form-item label="编码前缀">
<t-input v-model.trim="formModel.prefix" placeholder="如 GAO" borderless />
</t-form-item>
@@ -32,11 +32,11 @@
/>
</t-form-item>
</t-form>
<t-cell-group theme="card">
<t-cell-group theme="card" v-entrance-transition="70">
<t-cell title="最终起始编码" :note="finalStartCode" />
<t-cell title="最终结束编码" :note="finalEndCode" />
</t-cell-group>
<div class="actions">
<div class="actions" v-entrance-transition="140">
<t-button
class="bg-white"
theme="primary"
@@ -54,8 +54,8 @@
<span v-text="downloadText" />
</t-button>
</div>
<div class="actions orange tips">微信内可能无法发起打印或批量下载,建议使用默认浏览器打开</div>
<section class="preview">
<div class="actions orange tips" v-entrance-transition="140">微信内可能无法发起打印或批量下载,建议使用默认浏览器打开</div>
<section class="preview" v-entrance-transition="210">
<div class="header">
<h2 class="title">预览</h2>
<p class="tips" v-text="previewSummary" />