<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"> <title>法律法规-列表</title> <script type="text/javascript" src="../js/includeHead.js"></script> <style> /** * 框架样式覆盖修改 */ .van-cell__value{overflow: unset; } .van-cell:after{border-bottom:none;} </style> </head> <body> <div id="app"> <div class="content" v-cloak> <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList"> <van-cell v-for="(item, index) in list" :key="item"> <div class="list-item-wrapper" @click="detail(index)"> <p class=""> <van-tag type="primary" v-if="!item.currentUserRead">未读</van-tag> <van-tag plain type="primary" v-else>已读</van-tag> </p> <p class=""> {{item.noticeTitle}} </p> <div class="list-function-btn-wrapper pd-01rem" style="color: darkgray;justify-content: space-between;"> <span>{{item.noticePublisher}}</span> <span>{{item.createTime}}</span> </div> </div> </van-cell> </van-list> </div> </div> </body> </html>