From c71dc4c3abb3fcbbafc68b34e2bcb98cf0f8b346 Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期三, 13 十二月 2023 17:08:01 +0800 Subject: [PATCH] 图片引入问题 --- src/views/components/home.vue | 30 ++++++++++++++++++------------ 1 files changed, 18 insertions(+), 12 deletions(-) diff --git a/src/views/components/home.vue b/src/views/components/home.vue index bdf277a..9006574 100644 --- a/src/views/components/home.vue +++ b/src/views/components/home.vue @@ -10,11 +10,11 @@ <el-button plain @click="toMore(2)">查看更多</el-button> </div> <div class="list"> - <div v-for="item in state.noticeList"> - <div><img src="src/assets/images/notice.png"></div> + <div v-for="item in state.noticeList" @click="openDetails('通知公告',item.id)"> + <div><img :src="noticePng"></div> <div> <div>{{item.title}}</div> - <span>{{item.updateTime}}</span> + <span>{{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}</span> </div> </div> </div> @@ -28,11 +28,11 @@ <el-button plain @click="toMore(3)">查看更多</el-button> </div> <div class="list"> - <div v-for="item in state.lawsList"> - <div><img src="src/assets/images/laws.png"></div> + <div v-for="item in state.lawsList" @click="openDetails('法律法规',item.id)"> + <div><img :src="lawsPng"></div> <div> <div>{{item.title}}</div> - <span>{{item.updateTime}}</span> + <span>{{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}</span> </div> </div> </div> @@ -46,11 +46,11 @@ <el-button plain @click="toMore(4)">查看更多</el-button> </div> <div class="list"> - <div v-for="item in state.pubList"> - <div><img src="src/assets/images/section.png"></div> + <div v-for="item in state.pubList" @click="openDetails('机构公示',item.id)"> + <div><img :src="sectionPng"></div> <div> - <div>{{item.title}}</div> - <span>{{item.updateTime}}</span> + <div>{{item.name}}</div> + <span>{{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}</span> </div> </div> </div> @@ -85,7 +85,9 @@ import useUserStore from '@/store/modules/user' import LoginForm from './loginForm' import {ElMessage} from "element-plus"; - +import noticePng from "@/assets/images/notice.png"; +import lawsPng from "@/assets/images/laws.png"; +import sectionPng from "@/assets/images/section.png"; const route = useRoute() const router = useRouter() @@ -94,7 +96,7 @@ lawsList: [], pubList: [] }) -const emit = defineEmits(["toMore"]) +const emit = defineEmits(['toMore','openDetails']) const redirect = ref(undefined); onMounted(()=>{ @@ -115,6 +117,10 @@ emit('toMore',num) } +const openDetails = (type,id)=>{ + emit('openDetails',type,id) +} + const getNoticeList = async ()=>{ const res = await getNotice({title: '', content: '', pageNum: 1, pageSize: 5}) if(res.code == 200){ -- Gitblit v1.9.2