This commit is contained in:
lmj
2022-10-11 15:39:57 +08:00
parent 60eb77ac62
commit eb161db619
2 changed files with 20 additions and 9 deletions

View File

@@ -9,7 +9,7 @@
<div class="xcontent portal-content">
<div class="msg-nav">
<div style="display: flex;align-items: center;">
<div><el-checkbox v-model="checkAll" :indeterminate="isIndeterminate"></el-checkbox></div>
<div><el-checkbox v-model="checkAll" :indeterminate="isIndeterminate"></el-checkbox></div>
<!-- <el-radio-group style="padding-left: 20px;" @change="queryMessage(true)" v-model="queryData.isRead">
<el-radio :label="null">全部</el-radio>
<el-radio :label="false">未读</el-radio>
@@ -17,8 +17,8 @@
</el-radio-group> -->
</div>
<div>
<!-- <el-button type="text" icon="el-icon-remove" @click="isReadChooseList">设置已读</el-button> -->
<el-button type="text" icon="el-icon-remove" @click="delChooseList">删除所选</el-button>
<el-button class="navbut" type="text" @click="isReadChooseList">设置已读</el-button>
<el-button class="navbut" type="text" @click="delChooseList">删除所选</el-button>
</div>
</div>
<div style="background-color: #FFFFFF;min-height: 600px;">
@@ -27,8 +27,8 @@
<div class="msg-top">
<div>
<span style="padding-right: 10px;"><el-checkbox v-model="item.checked" @change="setCheckAll"></el-checkbox></span>
<span v-if="!item.isRead" style="font-size:14px;padding:2px;border: 1px dotted #ff0000;color: #ff0000;margin-right: 5px">未读</span>
<span v-else style="font-size:14px;padding:2px;border: 1px dotted #1EA0FA;color: #1EA0FA;margin-right: 5px">已读</span>
<span v-if="!item.isRead" style="font-size:12px;padding:5px 7px; border-radius: 2px;background: #FF6562;color: #fff;margin-right: 5px">未读</span>
<span v-else style="font-size:14px;padding:5px 7px; background: #eee; border-radius: 2px; color: #666666;margin-right: 5px">已读</span>
<span>{{ item.title }}</span>
<!-- <span class="msg-time"></span> -->
</div>
@@ -241,9 +241,19 @@ export default {
</script>
<style lang="scss" scoped>
.navbut{
width: 110px;
height: 30px;
border-radius: 2px;
margin-left: 25px;
text-align: center;
border: 1px solid #0078FC;
padding: 0;
color: #0078FC ;
}
.msg-nav {
display: flex;
justify-content: space-between;
// justify-content: space-between;
border-bottom: 1px solid #f5f5f5;
line-height: 40px;
background-color: #ffffff;