This commit is contained in:
@jyuhsin
2025-11-13 14:41:29 +08:00
parent 0a7e6151a1
commit e9cffbb467
4 changed files with 49 additions and 59 deletions
@@ -20,13 +20,17 @@ const entry = {
<!-- 应用块区域 -->
<div class="apps-container">
<div class="app-grid">
<div class="app-item" v-for="(item, index) in currentServices" :key="index"
<div v-if="currentServices && currentServices.length > 0" class="app-item" v-for="(item, index) in currentServices" :key="index"
@click="openService(item)">
<div class="app-icon">
<img :src="item.picIcon" alt="" />
</div>
<div class="app-name">{{ item.name }}</div>
</div>
<div v-if="currentServices.length === 0" class="no-entry-placeholder">
<div class="icon">📅</div>
<p>暂无数据</p>
</div>
</div>
</div>
</div>
@@ -174,7 +178,7 @@ const entry = {
background: #fff;
overflow-x: hidden;
max-height: calc(350px - 74px);
height: calc(350px - 74px);
overflow-y: auto;
}
@@ -244,5 +248,32 @@ const entry = {
gap: 12px;
}
}
.no-entry-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
color: #94a3b8;
text-align: center;
}
.no-entry-placeholder .icon {
font-size: 48px;
margin-bottom: 12px;
opacity: 0.6;
}
.no-entry-placeholder p {
margin: 4px 0 0;
font-size: 16px;
font-weight: 500;
}
.no-entry-placeholder .subtext {
font-size: 13px;
opacity: 0.8;
}
`
};
@@ -36,7 +36,7 @@ layout("/layouts/v4/baseLayout.html"){
.entry-card {
display: flex;
align-items: center;
/*align-items: center;*/
min-width: 320px;
background: white;
border-radius: 12px;
@@ -72,7 +72,7 @@ layout("/layouts/v4/baseLayout.html"){
</div>
</div>
<div class="">
<div class="" style="padding-bottom: 20px">
<user></user>
<div class="home-grid">
@@ -86,7 +86,7 @@ layout("/layouts/v4/baseLayout.html"){
</div>
<!-- <jcdt :list="websiteNews.grassroots"></jcdt>-->
<jcdt :list="websiteNews.grassroots"></jcdt>
</div>
</div>
@@ -2,9 +2,9 @@ const jcdt = {
template: /*language=HTML*/ `
<div class="jcdt-wrapper">
<div class="jcdt-container">
<!-- <div class="jcdt-title">-->
<!-- <span>基层动态</span>-->
<!-- </div> -->
<div class="jcdt-title">
<span>基层动态</span>
</div>
<div class="jcdt-content">
<div class="jcdt-list">
<div class="jcdt-item" v-for="item in list" :key="item.title" @click="onLink(item)">