|
|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
|
<a-card>
|
|
|
- <a-list item-layout="vertical" size="large" :pagination="pagination" :data-source="listData">
|
|
|
+ <a-list item-layout="vertical" size="large" :pagination="pagination" :data-source="listData" class="listBox">
|
|
|
<template #renderItem="{ item }">
|
|
|
- <a-list-item key="item.title">
|
|
|
- <a-list-item-meta style="margin-bottom: 0px;">
|
|
|
+ <a-list-item style="padding:5px 24px;">
|
|
|
+ <a-list-item-meta style="margin-bottom: 5px;" :description="platformType(item.platform)">
|
|
|
<template #title>{{ item.title }}</template>
|
|
|
</a-list-item-meta>
|
|
|
{{ item.content }}
|
|
|
@@ -24,6 +24,14 @@
|
|
|
},
|
|
|
pageSize: 10
|
|
|
})
|
|
|
+ const platformType = (t)=>{
|
|
|
+ if(t== 1){
|
|
|
+ return '课程'
|
|
|
+ }
|
|
|
+ if(t== 2){
|
|
|
+ return '考试'
|
|
|
+ }
|
|
|
+ }
|
|
|
const getList = () => {
|
|
|
classCentre
|
|
|
.classNotice({
|
|
|
@@ -43,4 +51,7 @@
|
|
|
.index-message-list {
|
|
|
overflow: auto;
|
|
|
}
|
|
|
+ :deep(.listBox .ant-list-item-meta-title ){
|
|
|
+ margin-bottom: 5px!important;
|
|
|
+ }
|
|
|
</style>
|