[bug] 首页布局调整

This commit is contained in:
zhaoxiao
2021-11-01 18:34:06 +08:00
parent b9c1241b7e
commit 1528b39bae
+21 -5
View File
@@ -19,18 +19,22 @@
<span class="query-list" @click="toUserAnnouncementList">查看更多></span>
</div>
<div>
<div class="message-list-item" v-for="item of dataMessageList" :key="item.id">
<!-- v-for="item of dataMessageList" :key="item.id"-->
<div class="message-list-item" v-for="item of 16" :key="item">
<div class="message-list-item-name">
<div class="message-list-item-name-title">【{{ item.titile_dictText }}】</div>
<!-- <div class="message-list-item-name-title">【{{ item.titile_dictText }}】</div>-->
<div class="message-list-item-name-title">【会议通知】</div>
<a-tooltip>
<template slot="title">
<span v-html="item.msgContent" class="ellipsis-span"></span>
</template>
<span v-html="myEllipsis(item.msgContent,38)" class="ellipsis-span"></span>
<!-- <span v-html="myEllipsis(item.msgContent,35)" class="ellipsis-span"></span>-->
<span class="ellipsis-span">国际会议已经报名, 您需要上传缴费凭证信息,等待管理员审核通过后...</span>
</a-tooltip>
</div>
<!-- <span v-html="item.msgContent"></span>-->
<span class="message-list-item-time">{{ item.sendTime }}</span>
<!-- <span class="message-list-item-time">{{ item.sendTime }}</span>-->
<span class="message-list-item-time">2021-10-29 17:20:11</span>
<span class="operate">
<a @click="showAnnouncement(item)" style="margin-right: 8px">查看</a>
<a @click="haveRead(item)" v-if="item.readFlag === '0' ">已读</a>
@@ -90,7 +94,11 @@ export default {
},
// loadData
loadData() {
getAction(this.url.list, { readFlag: '0' }).then(res => {
const param = {
readFlag: '0',
pageSize: 15
}
getAction(this.url.list, param).then(res => {
this.dataMessageList = []
if (res.success) {
this.dataMessageList = [...res.result.records]
@@ -176,6 +184,7 @@ export default {
width: 100%;
min-width: 1100px;
height: 100vh;
min-height: 617px;
}
.index-bgimg {
@@ -263,6 +272,7 @@ export default {
font-size: 14px;
color: #FFF;
font-weight: 500;
margin-bottom: 1.5%;
}
&-item-name {
@@ -275,6 +285,12 @@ export default {
flex-shrink: 0;
}
.ellipsis-span {
/deep/ p {
margin-bottom: 0!important;
}
}
&-item-time {
width: 10rem;
}