add entrance transition
This commit is contained in:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user