fix CustomerInviteeList.vue transition

This commit is contained in:
Timi
2026-09-10 14:27:02 +08:00
parent 6e2b97fc8f
commit b9009f02a0
+4 -10
View File
@@ -4,9 +4,10 @@
v-if="customer" v-if="customer"
class="customer" class="customer"
:customer="customer" :customer="customer"
v-entrance-transition
/> />
<div class="invite-list"> <div class="invite-list">
<div class="header"> <div class="header" v-entrance-transition="70">
<div class="title">邀请客户</div> <div class="title">邀请客户</div>
<div v-can="permissionCodes.customer.update" class="actions"> <div v-can="permissionCodes.customer.update" class="actions">
<t-button <t-button
@@ -29,6 +30,7 @@
v-for="(item, index) in invitees" v-for="(item, index) in invitees"
:key="item.id || item.code || index" :key="item.id || item.code || index"
class="item" class="item"
v-entrance-transition="70 + index * 30"
> >
<customer-cell <customer-cell
class="cell" class="cell"
@@ -45,7 +47,7 @@
<div v-can="permissionCodes.customer.update" class="remove bg-red white" @click="removeInvitee(item)">删除</div> <div v-can="permissionCodes.customer.update" class="remove bg-red white" @click="removeInvitee(item)">删除</div>
</template> </template>
</t-swipe-cell> </t-swipe-cell>
<div v-if="!invitees.length" class="empty" v-text="isLoading ? '正在加载邀请客户' : '暂无邀请客户'" /> <div v-if="!invitees.length" class="center-tips" v-text="isLoading ? '正在加载邀请客户' : '暂无邀请客户'" />
</t-cell-group> </t-cell-group>
</div> </div>
</div> </div>
@@ -312,14 +314,6 @@ watch(() => route.params.id, loadCustomer);
display: flex; display: flex;
align-items: center; align-items: center;
} }
.empty {
padding: 1rem;
color: #52607a;
text-align: center;
background: #f7faff;
border-radius: 1rem;
}
} }
} }