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

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