add entrance transition

src/pages/point/PointRuleDetail.vue

@@ -1,6 +1,6 @@
 <template>
 	<div v-can="permissionCodes.pointRule.read" class="point-rule-detail">
-		<section v-if="rule" class="rule-header">
+		<section v-if="rule" class="rule-header" v-entrance-transition>
 			<div class="point-icon" :class="{ consume: isConsumeRule }">
 				<t-icon name="money" size="1.75rem" />
 			</div>
@@ -12,12 +12,11 @@
 				<div class="point-value" v-text="rulePointText" />
 			</div>
 		</section>
-
-		<t-cell-group v-if="rule" title="基本信息" theme="card">
+		<t-cell-group v-if="rule" title="基本信息" theme="card" v-entrance-transition="70">
 			<t-cell title="所属门店" :note="storeName" />
 			<t-cell
 				title="登记事件"
-				:note="event?.name || rule.eventId || '未绑定事件'"
+				:note="event?.name || '未绑定事件'"
 				:arrow="canReadEvent && !!event?.id"
 				:hover="canReadEvent && !!event?.id"
 				@click="toEventDetail"
@@ -30,8 +29,7 @@
 			</t-cell>
 			<t-cell title="规则备注" :note="Text.display(rule.remark)" />
 		</t-cell-group>
-
-		<t-cell-group v-if="rule" title="积分配置" theme="card">
+		<t-cell-group v-if="rule" title="积分配置" theme="card" v-entrance-transition="140">
 			<t-cell title="触发类型" :note="getTriggerText(rule.triggerType)" />
 			<t-cell title="积分值模式" :note="getModeText(rule.pointMode)" />
 			<t-cell v-if="rule.pointMode === 'FIXED'" title="固定积分" :note="formatPointValue(rule.pointValue)" />
@@ -45,12 +43,15 @@
 				</template>
 			</t-cell>
 		</t-cell-group>
-
-		<t-cell-group v-if="tierTextList.length" title="积分分档" theme="card">
+		<t-cell-group
+			v-if="tierTextList.length"
+			title="积分分档"
+			theme="card"
+			v-entrance-transition="210"
+		>
 			<t-cell v-for="(text, index) in tierTextList" :key="index" :title="`第 ${index + 1} 档`" :note="text" />
 		</t-cell-group>
-
-		<t-cell-group v-if="rule" title="其他配置" theme="card">
+		<t-cell-group v-if="rule" title="其他配置" theme="card" v-entrance-transition="280">
 			<t-cell title="规则优先级" :note="formatNumber(rule.priority)" />
 			<t-cell title="命中后停止匹配" :note="rule.exclusive ? '是' : '否'" />
 			<t-cell title="生效开始" :note="formatDate(rule.beginAt)" />
@@ -58,7 +59,6 @@
 			<t-cell title="创建时间" :note="formatDate(rule.createdAt, '未知时间')" />
 			<t-cell title="更新时间" :note="formatDate(rule.updatedAt, '未知时间')" />
 		</t-cell-group>
-
 		<t-empty v-else :description="isLoading ? '正在加载积分规则' : '积分规则不存在'" />
 	</div>
 </template>