调整app页面图标样式
This commit is contained in:
@@ -6,6 +6,7 @@
|
||||
<scroll-view
|
||||
scroll-y="true"
|
||||
@refresherrefresh="refresherrefresh"
|
||||
@scrolltolower="scrolltolower"
|
||||
:refresher-triggered="triggered"
|
||||
refresher-enabled="true"
|
||||
class="event-list"
|
||||
@@ -23,24 +24,34 @@
|
||||
<view class="event-header">
|
||||
<view class="event-icon">
|
||||
<!-- 动态图标:根据类型切换 -->
|
||||
<uni-icons
|
||||
<!-- <uni-icons
|
||||
custom-prefix="iconfont"
|
||||
type="icon-terminal-box-fill"
|
||||
size="30"
|
||||
color="#FF0000"
|
||||
></uni-icons>
|
||||
color="#376cf3"
|
||||
></uni-icons> -->
|
||||
<Cn-icon-transient :name="`运行告警`" />
|
||||
<view class="badge1" v-if="item.isRead == 0"> </view>
|
||||
</view>
|
||||
<view class="event-info">
|
||||
<view class="event-title">
|
||||
<text class="event-id">{{ item.date }}发生告警终端{{ item.warnNums }}台</text>
|
||||
<text class="event-id">{{ item.date }}</text>
|
||||
</view>
|
||||
<view class="event-desc">
|
||||
<text>告警终端:{{ item.warnNums }}台</text>
|
||||
<text>通讯中断:{{ item.interruptCounts }}次</text>
|
||||
<text>终端告警:{{ item.warnCounts}}次</text>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="event-action">
|
||||
<view class="event-action">
|
||||
<!-- <uni-icons type="search" size="25" color="#376cf3"></uni-icons> -->
|
||||
🔍
|
||||
🔍
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="event-detail">
|
||||
<text> 告警终端{{ item.warnNums }}台 </text>
|
||||
</view> -->
|
||||
</uni-card>
|
||||
<uni-load-more
|
||||
v-if="store.status == 'loading' || (store.data && store.data.length > 0)"
|
||||
@@ -76,7 +87,7 @@ export default {
|
||||
methods: {
|
||||
init() {
|
||||
this.store = this.DataSource('/cs-harmonic-boot/csAlarm/queryAlarmList')
|
||||
this.store.params.pageSize = 10000
|
||||
// this.store.params.pageSize = 10000
|
||||
this.store.params.engineerId = this.selectValue.engineeringId
|
||||
this.store.params.projectId = this.selectValue.projectId
|
||||
this.store.params.devId = this.selectValue.deviceId
|
||||
@@ -101,6 +112,12 @@ export default {
|
||||
this.triggered = false
|
||||
}, 500)
|
||||
},
|
||||
// 上拉
|
||||
scrolltolower() {
|
||||
if (this.store.status != 'noMore') {
|
||||
this.store.next && this.store.next()
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
computed: {},
|
||||
@@ -124,18 +141,18 @@ export default {
|
||||
.event-list {
|
||||
margin-top: 20rpx;
|
||||
/* 头部:图标 + 信息 + 操作 */
|
||||
.event-header {
|
||||
margin-bottom: 0rpx;
|
||||
}
|
||||
.event-title {
|
||||
margin-bottom: 0rpx;
|
||||
}
|
||||
// .event-header {
|
||||
// margin-bottom: 0rpx;
|
||||
// }
|
||||
// .event-title {
|
||||
// margin-bottom: 0rpx;
|
||||
// }
|
||||
|
||||
/* 图标区域(按类型区分背景色) */
|
||||
.event-icon {
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
background-color: #ff000020;
|
||||
// width: 80rpx;
|
||||
// height: 80rpx;
|
||||
background-color: #376cf320;
|
||||
}
|
||||
|
||||
/* 信息区域 */
|
||||
|
||||
Reference in New Issue
Block a user