diff --git a/pages/news/index.vue b/pages/news/index.vue
index db99bc0..37eb510 100644
--- a/pages/news/index.vue
+++ b/pages/news/index.vue
@@ -65,7 +65,13 @@
{{ item.title }}
{{ item.desc }}
- {{ item.time }}
+
+
+ {{ item.time }}
+
+
+
+
@@ -86,15 +92,17 @@ export default {
data() {
return {
title: '消息中心',
+ isShowNumBadge: true,
messageList: [
{
// video111 / camera_
imgUrl: 'https://img.xiaoces.com/photos/news/camera_.png', // 对应视频中心
title: '视频中心',
- desc: '[画面变化] DS-2DE4423DW-D/GLT/XM(FW1167...',
+ desc: '[画面变化] DS-2DE4423DW-D/GLT/XM(FW116231321313123123123132312dgvbdfg7...',
time: '11:51',
badge: true,
- width: '100rpx'
+ numBadge: '1', // 有值则显示角标
+ width: '60rpx'
},
{
// device imei1 device_status3
@@ -104,7 +112,8 @@ export default {
desc: '[设备在线] 十方',
time: '26/03/21',
badge: true,
- width: '100rpx'
+ numBadge: '2',
+ width: '60rpx'
},
{
// notice_1 notice_2 notice_
@@ -114,6 +123,7 @@ export default {
desc: '没有新的消息',
time: '',
badge: false,
+ numBadge: null, // 无值则不显示
width: '40rpx'
},
{
@@ -324,9 +334,17 @@ export default {
line-height: 1.4;
}
}
- .item-time {
- font-size: 26rpx;
- color: #999;
+
+ // 新增:右侧时间+角标列
+ .item-right {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ .item-time {
+ font-size: 26rpx;
+ color: #999;
+ margin-bottom: 15rpx;
+ }
}
}
}