<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>
