|
|
@ -15,7 +15,16 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
<a-card title="Call For Papers" :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}"> |
|
|
|
<a-card title="Co-chairs" :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}"> |
|
|
|
<div class="ele-cell" :class="screenWidth > 567 ? 'hidden-sm-and-down' : 'hidden-sm-and-up'" v-if="siteInfo"> |
|
|
|
<div class="ele-cell-content ele-text-center" v-for="(item,index) in article159" :key="index"> |
|
|
|
<a-image :src="item.image" :width="screenWidth > 567 ? 160 : 52" :preview="false"></a-image> |
|
|
|
<div class="ele-text-heading ele-text-center" v-html="item.title"></div> |
|
|
|
<div class="ele-cell-desc ele-text-center" v-html="item.comments"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
<a-card title="Topics" :bordered="false" hoverable :head-style="{ backgroundColor: '#e0f0fd', color: '#0096FF', fontSize: '24px'}" :style="{ boxShadow: '2px 0px 10px #ccc', marginBottom: '20px'}"> |
|
|
|
<div class="ele-text-secondary" style="padding-bottom: 20px">Topics of interest include, but are not limited to, the following</div> |
|
|
|
<div class="ele-text-heading"> |
|
|
|
<a-row :gutter="16"> |
|
|
@ -177,7 +186,7 @@ |
|
|
|
<template #title> |
|
|
|
<div class="flex" style="display: flex"> |
|
|
|
<div class="title">-HOSTED BY-</div> |
|
|
|
<div class="title" style="margin-left: 280px">-Technical Sponsor-</div> |
|
|
|
<div class="title" style="margin-left: 511px">-Technical Sponsor-</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<div class="ele-cell" :class="screenWidth > 567 ? 'hidden-sm-and-down' : 'hidden-sm-and-up'" v-if="siteInfo"> |
|
|
@ -199,6 +208,9 @@ |
|
|
|
import {useTenantStore} from "@/store/modules/tenant"; |
|
|
|
|
|
|
|
import {useThemeStore} from "@/store/modules/theme"; |
|
|
|
import {listArticle} from "@/api/cms/article"; |
|
|
|
import {Article} from "@/api/cms/article/model"; |
|
|
|
import {ref} from "vue"; |
|
|
|
|
|
|
|
|
|
|
|
const themeStore = useThemeStore(); |
|
|
@ -206,6 +218,12 @@ |
|
|
|
|
|
|
|
const tenantStore = useTenantStore(); |
|
|
|
const { siteInfo } = storeToRefs(tenantStore); |
|
|
|
|
|
|
|
const article159 = ref<Article[]>(); |
|
|
|
|
|
|
|
listArticle({categoryId: 159,limit: 4}).then(data => { |
|
|
|
article159.value = data |
|
|
|
}) |
|
|
|
</script> |
|
|
|
|
|
|
|
<script lang="ts"> |
|
|
|