app-govern/pages/message/incident.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/termDetail' })
        }
    }
}
</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;
  
}
</style>