103 lines
3.0 KiB
Vue
103 lines
3.0 KiB
Vue
<template>
|
||
<view class="content">
|
||
<uni-card title="NPQS_682发生暂降事件" extra="未读" sub-title="2023-02-27 15:13:29" @click="jump">
|
||
<view class="term-list-bottom">
|
||
<view class="term-list-bottom-item">
|
||
特征增幅：88%，持续时间0.047s
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
南京市 灿能园区
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
电压等级：0.38kV
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
网路参数：00-B7-8D-A8-00-D3
|
||
</view>
|
||
</view>
|
||
</uni-card>
|
||
<uni-card title="NPQS_682发生暂降事件" extra="未读" sub-title="2023-02-27 15:13:29" @click="jump">
|
||
<view class="term-list-bottom">
|
||
<view class="term-list-bottom-item">
|
||
特征增幅：88%，持续时间0.047s
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
南京市 灿能园区
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
电压等级：0.38kV
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
网路参数：00-B7-8D-A8-00-D3
|
||
</view>
|
||
</view>
|
||
</uni-card>
|
||
<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">
|
||
特征增幅：88%，持续时间0.047s
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
南京市 灿能园区
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
电压等级：0.38kV
|
||
</view>
|
||
<view class="term-list-bottom-item">
|
||
网路参数：00-B7-8D-A8-00-D3
|
||
</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/incidentDetail' })
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content {
|
||
// padding-top: 20rpx;
|
||
}
|
||
|
||
.term-list-bottom {
|
||
.term-list-bottom-item {
|
||
font-size: 28rpx;
|
||
margin-bottom: 10rpx;
|
||
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;
|
||
}
|
||
/deep/ .uni-card__header-extra-text {
|
||
color: #dd524d !important;
|
||
font-size: 20rpx;
|
||
}
|
||
</style>
|