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; + } } } }