<template>
    <Rc-page :loading='loading'>
        <view slot='body'>
            <view class='real-time-data'>
                <view class="header">
                    <view class="header-header">
                        <view>终端总数7台，异常终端一台</view>
                        <view>查看详情</view>
                    </view>
                    <view>请选择监测点</view>
                    <view>
                        <view>
                            <view>所属区域</view>
                            <view>南京市</view>
                        </view>
                        <view>
                            <view>所属单位</view>
                            <view>灿能园区</view>
                        </view>
                        <view>
                            <view>实时通讯状态</view>
                            <view>正常</view>
                        </view>
                        <view>
                            <view>实时通讯流量</view>
                            <view>234.14Mb</view>
                        </view>
                    </view>
                </view>
                <view style="height:100px" v-for="item in 10">1</view>
            </view>
        </view>
    </Rc-page>
</template>
<script>
export default {
    data () {
        return {
            loading: false
        }
    },
    methods: {
    }
}
</script>
<style lang='scss'>
.real-time-data {
    .header {
        position: sticky;
        top: 0;
        left: 0;
        background: #fff;
    }
}
</style>