wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

'修改工作动态列表及详情页样式问题'

This commit is contained in:
HISENSE\liuyuxin6 2022-06-21 10:48:39 +08:00
parent 94fae9752f
commit 01dc4a8c43
2 changed files with 84 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/views/newHome/components/WorkDynDetails.vue
View File

@ -3,9 +3,7 @@
<home-header></home-header>
<a-breadcrumb>
<a-breadcrumb-item>
<router-link to="/home">
门户首页
</router-link>
<router-link to="/home">门户首页</router-link>
</a-breadcrumb-item>
<a-breadcrumb-item>工作动态</a-breadcrumb-item>
</a-breadcrumb>
@ -13,12 +11,10 @@
<div class="name">{{ item.title }}</div>
<div class="time">发布日期：{{ item.createDate }}</div>
<div class="detail-main-content">
<div v-if="item.note1" class="summary-content">摘要：{{item.note1}}</div>
<a-image
alt="暂无图片"
:src="item.imageUrl"
:fallback="imgSrc"
/>
<div v-if="item.note1" class="summary-content">
摘要：{{ item.note1 }}
</div>
<a-image alt="暂无图片" :src="item.imageUrl" :fallback="imgSrc" />
<div class="text">{{ item.content }}</div>
</div>
</div>

24
front/src/views/newHome/components/WorkDynList.vue
View File

@ -3,9 +3,7 @@
<home-header></home-header>
<a-breadcrumb>
<a-breadcrumb-item>
<router-link to="/home">
门户首页
</router-link>
<router-link to="/home">门户首页</router-link>
</a-breadcrumb-item>
<a-breadcrumb-item>工作动态</a-breadcrumb-item>
</a-breadcrumb>
@ -13,15 +11,25 @@
<a-list item-layout="vertical" size="large" :data-source="listData">
<template #header>
<div class="total-num-content">
<div class="total-main-text">共 <span class="num-text">{{total}}</span> 条信息</div>
<div class="total-main-text">
共
<span class="num-text">{{ total }}</span>
条信息
</div>
<div class="index-page-text">当前第{{ page }}页</div>
</div>
</template>
<template #renderItem="{ item }">
<a-list-item key="item.title">
<a-list-item-meta :description="item.note1? `摘要：${item.note1 || ''}`: item.content">
<a-list-item-meta
:description="
item.note1 ? `摘要：${item.note1 || ''}` : item.content
"
>
<template #title>
<a class="title-content" @click="goToDetails(item.id)">{{ item.title }}</a>
<a class="title-content" @click="goToDetails(item.id)">
{{ item.title }}
</a>
</template>
<template #avatar>
<a-image
@ -129,16 +137,13 @@
color: #0058e1;
}
}
}
}
:deep(.ant-list-item) {
width: 1300px;
padding: 16px 0;
position: relative;
border-bottom: #dddee1 solid 1px;
.ant-list-item-main {
height: 140px;
overflow: hidden;
@ -175,7 +180,6 @@
width: 180px;
}
&:hover {
padding-left: 20px;
border: #0058e1 1px solid;