Merge pull request 'phongdt:fix collection' (#3) from phongdt into main
Reviewed-on: http://work.gct.com.vn/minhnt/NSG_PORTAL_V2/pulls/3
This commit was merged in pull request #3.
This commit is contained in:
+1
-1
@@ -38,7 +38,7 @@ const _dataResult = computed(() => {
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="collection-container grid gap-5" :class="LAYOUT_PARSE['LAYOUT'] || 'horizontal'"
|
<div class="collection-container grid gap-5" :class="LAYOUT_PARSE['LAYOUT'] || 'horizontal'"
|
||||||
:style="`grid-template-columns: repeat(${Number(LAYOUT_PARSE['COLUMN'])}}, minmax(0, 1fr))`">
|
:style="`grid-template-columns: repeat(${LAYOUT_PARSE['COLUMN']}, minmax(0, 1fr))`">
|
||||||
<div v-for="(component, index) in _dataResult" :key="index">
|
<div v-for="(component, index) in _dataResult" :key="index">
|
||||||
<template v-if="!isEmpty(component)">
|
<template v-if="!isEmpty(component)">
|
||||||
<DynamicComponent
|
<DynamicComponent
|
||||||
|
|||||||
@@ -44,7 +44,6 @@ const findDataPosition = computed(() => {
|
|||||||
:settings="findDataPosition.settings"
|
:settings="findDataPosition.settings"
|
||||||
:component="findDataPosition"
|
:component="findDataPosition"
|
||||||
/>
|
/>
|
||||||
<div v-else class="empty"></div>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="props.type === defineTypeRecusive.SECTION">
|
<template v-else-if="props.type === defineTypeRecusive.SECTION">
|
||||||
<DynamicSection
|
<DynamicSection
|
||||||
@@ -53,18 +52,10 @@ const findDataPosition = computed(() => {
|
|||||||
:content="findDataPosition.content ? JSON.parse(findDataPosition.content) : null"
|
:content="findDataPosition.content ? JSON.parse(findDataPosition.content) : null"
|
||||||
:section="findDataPosition"
|
:section="findDataPosition"
|
||||||
/>
|
/>
|
||||||
<div v-else class="empty"></div>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<div class="empty"></div>
|
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.empty {
|
|
||||||
min-height: 100px;
|
|
||||||
border-radius: 6px;
|
|
||||||
background: #409eff;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user