mirror of
https://github.com/hi2shark/nazhua.git
synced 2026-01-12 15:20:43 +08:00
✨ 添加条件渲染以控制账单项的显示,优化组件逻辑
This commit is contained in:
parent
bdcbc01413
commit
4c9fbc7bed
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user