添加条件渲染以控制账单项的显示,优化组件逻辑

This commit is contained in:
hi2hi 2024-12-04 13:52:01 +00:00
parent bdcbc01413
commit 4c9fbc7bed

View File

@ -1,5 +1,8 @@
<template>
<div class="server-list-item-bill">
<div
v-if="show"
class="server-list-item-bill"
>
<div class="left-box">
<div
v-if="billAndPlan.remainingTime"
@ -103,6 +106,15 @@ const tagList = computed(() => {
}
return list;
});
const show = computed(() => {
const checks = [
billAndPlan.value.remainingTime,
tagList.value.length > 0,
showBuyBtn.value,
];
return checks.some((item) => item);
});
</script>
<style lang="scss" scoped>