app-govern/pages/index/index.vue

<template>
    <Cn-page :loading="loading">
        <view slot="body">
            <view class="index">
                <Cn-grid title="实时消息">
                    <Cn-grid-item background="#fff" src="/static/message.png" text="暂态事件"
                        @click="jump('/pages/home/zantaishijian')"></Cn-grid-item>
                    <Cn-grid-item background="#fff" src="/static/message.png" text="稳态越限"
                        @click="jump('/pages/home/wentaiyuexian')"></Cn-grid-item>
                    <Cn-grid-item background="#fff" src="/static/message.png" text="终端状态"
                        @click="jump('/pages/home/zhongduanzhuangtai')"></Cn-grid-item>
                </Cn-grid>

            </view>
        </view>
    </Cn-page>
</template>
<script>
export default {
    data () {
        return {
            loading: true
        }
    },
    methods: {
        jump (url) {
            uni.navigateTo({
                url: url
            })
        },
    },
    onShow () {
        setTimeout(() => {
            this.loading = false
        }, 500);
    }
}
</script>
<style lang="scss">
.index {
    padding: 34rpx;
}
</style>