minhnt/NSG_PORTAL_V2
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

thainv-dev:

Browse Source
This commit is contained in:
nguyen van thai
2024-07-01 16:04:16 +07:00
parent a01eedc2bc
commit 35f069a776
21 changed files with 79 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dynamic-page/page-component/templates/advertisings/advertisings/Main.vue
+15
View File
@@ -0,0 +1,15 @@
<script setup lang="ts"></script>
<template>
<div class="pt-5">
<div class="content p-3">
<span class="text-12px text-[#AFADB5] text-end block">Quảng full</span>
<img class="block w-full h-full" src="/assets/images/tienphong/main-ads-2.jpg" alt="">
</div>
</div>
</template>
<style scoped lang="scss">
.content {
font-size: 18px;
background-color: #eeeeee;
}
</style>
components/dynamic-page/page-component/templates/advertisings/advertisings/index.ts
+1
View File
@@ -1 +1,2 @@
export { default as Default_Ads } from './Default.vue'
export { default as Main_Ads } from './Main.vue'
components/dynamic-page/page-component/templates/advertisings/advertisings/index.vue
+2 -1
View File
@@ -1,6 +1,6 @@
<script lang="ts" setup>
import { enumPageComponentTemplate, enumPageComponentKey, enumPageComponentLayouts } from "@/definitions/enum";
import { Default_Ads } from "./index";
import { Default_Ads, Main_Ads } from "./index";
const _props = defineProps<{
settings: any;
@@ -9,6 +9,7 @@ const _props = defineProps<{
}>();
const definedDynamicComponent: Record<string, any> = {
[enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.ADVERTISING]['ADVERTISING']}`]['DEFAULT']]: Default_Ads,
[enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.ADVERTISING]['ADVERTISING']}`]['MAIN']]: Main_Ads,
};
const getCurrentComponent = computed(() => _props.settings.layout);
components/dynamic-page/page-component/templates/articles/cards/Audio.vue
+4 -3
View File
@@ -78,14 +78,15 @@ const parseData = computed(() => {
</nuxt-link>
</div>
</article>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
<div v-html="LAYOUT_PARSE.styleClasses" style="display:none;"></div>
</template>
<style lang="scss">
.card-audio {
position: relative;
width: 100%;
padding-bottom: 56.25%; //tỷ lệ 9 /16;;
padding-bottom: calc((16 / 9) * 100%);
overflow: hidden;
img {
position: absolute;
@@ -98,7 +99,7 @@ const parseData = computed(() => {
.card-audio__content {
position: absolute;
width: 100%;
max-height: 100%;
bottom: 0;
padding: 20px 30px;
z-index: 3;
components/dynamic-page/page-component/templates/articles/cards/Card.vue
+1 -27
View File
@@ -25,32 +25,6 @@ const parseData = computed(() => {
</script>
<template>
<!-- <article class="article-card-default">
<div class="article-card-default__content">
<template v-if="currentArticle.tags && currentArticle?.tags.length > 0">
<nuxt-link class="article-card-default__tag" :to="`/${currentArticle?.tags[0].code}`">
<h5>{{ currentArticle?.tags[0].title }}</h5>
</nuxt-link>
</template>
<nuxt-link class="article-card-default__title" :to="`/bai-viet/${currentArticle.code}`">
<h2 v-html="currentArticle.title"></h2>
<p v-html="currentArticle.intro"></p>
</nuxt-link>
<div class="article-card-default__bottom">
<span>{{ formatDate(String(currentArticle.createdOn), "DD/MM/YYYY | HH:mm") }}</span> /
<nuxt-link :to="`/${currentArticle.category?.code}`"> {{ currentArticle.category?.title }}</nuxt-link>
</div>
</div>
<div class="article-card-default__thumbnail">
<figure>
<nuxt-link :to="`bai-viet${currentArticle.code}`">
<img :src="currentArticle?.thumbnail ? currentArticle?.thumbnail : 'http://picsum.photos/1024/600?random=1'" :alt="currentArticle?.title" />
</nuxt-link>
</figure>
</div>
</article> -->
<article
v-if="parseData"
class="basic-article border-custom"
@@ -95,7 +69,7 @@ const parseData = computed(() => {
</div>
</div>
</article>
<div v-html="LAYOUT_PARSE.styleClasses"></div>
<div v-html="LAYOUT_PARSE.styleClasses" style="display:none;"></div>
</template>
<style lang="scss" scoped>
components/dynamic-page/page-component/templates/categories/categories/Vertical.vue
-8
View File
@@ -46,14 +46,6 @@ const mapActivesToItems = (index: number) => {
</svg>
<h3
:class="[
index !== 0
? store.page.classifyScreenByWidth({
tablet: '',
smartphone: 'd-none',
})
: '',
]"
:style="mapActivesToItems(index)['h3.categories']"
>
{{ component.title }}
components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue
+5 -5
View File
@@ -5,10 +5,10 @@ import { enumPageComponentStaticChild } from "@/definitions/enum";
const props = defineProps<{
records?: any[]
component: any;
component?: any;
}>();
const globalState = ref({})
const globalState = ref<any>({})
const setGlobalState = (id: any) => {
globalState.value[id] = !globalState.value[id];
}
@@ -19,7 +19,7 @@ const setGlobalState = (id: any) => {
<div v-for="(record) in props.records" :key="record.id" class="navigation-branch cursor-pointer">
<template v-if="record && record.childs && record.childs.length > 0 && record.typeChild === enumPageComponentStaticChild.DEFAULT">
<div class="navigation-submenu">
<div class="navigation_title " @click="selectNavigationComponent">{{ record?.title }}</div>
<div class="navigation_title ">{{ record?.title }}</div>
<div class="navigation-item submenu-container dropdown-container">
<RecusiveNavItem :records="record.childs" />
</div>
@@ -28,7 +28,7 @@ const setGlobalState = (id: any) => {
<template v-else-if="record.typeChild === enumPageComponentStaticChild.LAYOUT">
<div class="navigation-submenu">
<div class="position-relative ps-3">
<div class="navigation_title " @click="selectNavigationComponent">{{ record?.title }}</div>
<div class="navigation_title ">{{ record?.title }}</div>
</div>
<div class="full-layout dropdown-container">
<template v-if="record.data">
@@ -40,7 +40,7 @@ const setGlobalState = (id: any) => {
</div>
</template>
<template v-else>
<div class="navigation_title navigation-item" @click="selectNavigationComponent">{{ record?.title }}</div>
<div class="navigation_title navigation-item" >{{ record?.title }}</div>
</template>
</div>
</div>
components/dynamic-page/page-component/templates/others/weathers/WeatherDay.vue
+5 -5
View File
@@ -21,7 +21,7 @@
<div class="big-temp">28°</div>
<div class="name">Mưa nhẹ</div>
</div>
<div class="color-gray-2">
<!-- <div class="color-gray-2">
<p>Cao: 28° Thấp: 24°</p>
<div>
<span>Không khí:</span>
@@ -52,9 +52,9 @@
</div>
</div>
</div>
</div>
</div> -->
</div>
<div class="box-info-weather__right text-right color-gray-2">
<!-- <div class="box-info-weather__right text-right color-gray-2">
<div class="weather-tooltip mb40">
<span class="weather-tooltip-group">
<span>Cảm giác như 33° </span>
@@ -134,7 +134,7 @@
</div>
</div>
</div>
</div>
</div> -->
</div>
</template>
<style scoped lang="scss">
@@ -145,7 +145,7 @@
margin-bottom: 24px;
font-size: 16px;
line-height: 1.5;
min-height: 240px;
// min-height: 240px;
&.flexbox {
align-items: flex-end;
display: flex;
components/dynamic-page/page-component/templates/others/weathers/index.vue
+1 -1
View File
@@ -9,7 +9,7 @@ const _props = defineProps<{
}>();
const definedDynamicComponent: Record<string, any> = {
[enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.NAVIGATION]['TOP']]['NAVIGATION_TOP_DEFAULT']]: WeatherDay,
[enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.OTHER]["WEATHER"]]["WEATHER_DEFAULT"]]: WeatherDay,
};
const getCurrentComponent = computed(() => _props.settings.layout);