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