From e3b49d33e9c2e8ba75ce3d6fdef0da27d529c72c Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期四, 14 十二月 2023 10:43:00 +0800
Subject: [PATCH] 样式调整
---
src/views/components/notice.vue | 25 +++++++++++++++----------
1 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/src/views/components/notice.vue b/src/views/components/notice.vue
index d70ef98..78c1a90 100644
--- a/src/views/components/notice.vue
+++ b/src/views/components/notice.vue
@@ -2,23 +2,22 @@
<div class="container">
<div class="main-content">
<div class="list">
- <div v-for="item in state.dataList">
+ <div v-for="item in state.dataList" @click="openDetails('通知公告',item.id)">
<div>
- <div><img src="src/assets/images/article.png"></div>
+ <div><img :src="articlePng"></div>
<div>{{item.title}}</div>
</div>
<span>
- {{item.updateTime}}
+ {{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}
</span>
</div>
</div>
- <div class="pag-container">
+ <div class="pag-container" v-if="state.total&&state.total>0">
<el-pagination
- v-model:current-page="state.querys.pageNum"
- v-model:page-size="state.querys.pageSize"
- :page-sizes="[10,15,20,25]"
+ :page-sizes="[10,15,20]"
layout="total, sizes, prev, pager, next, jumper"
:total="state.total"
+ :current-page="state.querys.pageNum"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
@@ -28,11 +27,12 @@
</template>
<script setup>
-import {onMounted, ref, reactive, watch, onUnmounted, defineExpose} from "vue"
+import {onMounted, ref, reactive, watch, onUnmounted, defineExpose, defineEmits} from "vue"
import { getNotice } from '@/api/home/homePage'
import useUserStore from '@/store/modules/user'
import {ElMessage} from "element-plus";
-
+import articlePng from "@/assets/images/article.png";
+const emit = defineEmits(['openDetails'])
const route = useRoute()
const router = useRouter()
@@ -62,6 +62,7 @@
}, { immediate: true });
const handleSizeChange = (val) => {
+ state.querys.pageNum = 1
state.querys.pageSize = val
getData()
}
@@ -78,6 +79,10 @@
}else{
ElMessage.warning(res.message)
}
+}
+
+const openDetails = (type,id)=>{
+ emit('openDetails',type,id)
}
defineExpose({
@@ -135,7 +140,7 @@
}
}
div:last-of-type{
- width: 1000px;
+ width: 900px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
--
Gitblit v1.9.2