App/app-govern
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面切图

Browse Source
This commit is contained in:
仲么了
2023-02-27 14:56:08 +08:00
parent 89f0e79ceb
commit a8eef6d797
15 changed files with 387 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
pages/message/termList.vue Normal file
View File

@@ -0,0 +1,113 @@
<template>
<view class="content">
<uni-card title="灿能园区，NPQS_682发生终端状态异常一次" sub-title="2023-02-27 15:13:29" @click="jump">
<view class="term-list-bottom">
<view class="term-list-bottom-item">
<view>终端告警</view>
<view>0次</view>
</view>
<view class="term-list-bottom-item">
<view>通讯终端</view>
<view>1次</view>
</view>
<view class="term-list-bottom-item">
<view>终端流量</view>
<view>0次</view>
</view>
</view>
</uni-card>
<uni-card title="灿能园区，NPQS_681发生终端状态异常一次" sub-title="2023-02-27 13:13:29" @click="jump">
<view class="term-list-bottom">
<view class="term-list-bottom-item">
<view>终端告警</view>
<view>0次</view>
</view>
<view class="term-list-bottom-item">
<view>通讯终端</view>
<view>1次</view>
</view>
<view class="term-list-bottom-item">
<view>终端流量</view>
<view>0次</view>
</view>
</view>
</uni-card>
<uni-card title="灿能园区，NPQS_682发生终端状态异常一次" sub-title="2023-02-27 11:13:29" @click="jump">
<view class="term-list-bottom">
<view class="term-list-bottom-item">
<view>终端告警</view>
<view>0次</view>
</view>
<view class="term-list-bottom-item">
<view>通讯终端</view>
<view>1次</view>
</view>
<view class="term-list-bottom-item">
<view>终端流量</view>
<view>0次</view>
</view>
</view>
</uni-card>
<uni-card title="灿能园区，NPQS_682发生终端状态异常一次" sub-title="2023-02-27 09:13:29" @click="jump">
<view class="term-list-bottom">
<view class="term-list-bottom-item">
<view>终端告警</view>
<view>0次</view>
</view>
<view class="term-list-bottom-item">
<view>通讯终端</view>
<view>1次</view>
</view>
<view class="term-list-bottom-item">
<view>终端流量</view>
<view>0次</view>
</view>
</view>
</uni-card>
<uni-load-more status="nomore"></uni-load-more>
</view>
</template>
<script>
export default {
data () {
return {
title: '灿能'
}
},
onLoad () {
},
methods: {
jump () {
console.log(123);
uni.navigateTo({ url: '/pages/message/termDetail' })
}
}
}
</script>
<style lang="scss">
.content {
// padding-top: 20rpx;
}
.term-list-bottom {
.term-list-bottom-item{
font-size: 28rpx;
margin-bottom: 20rpx;
display: flex;
justify-content: space-between;
// view:first-of-type{
// color: #111;
// }
}
.term-list-bottom-item:last-of-type{
margin-bottom: 0;
}
}
/deep/ .uni-list-item {
background-color: $uni-theme-white !important;
}
</style>