<template> <v-container fluid fill-height class="no-permission-container"> <v-layout class="justify-center"> <v-flex xs12 sm8 md6 lg5 xl3 class="text-center"> <v-icon color="warning" >mdi-shield-lock</v-icon> <h1>无权限访问</h1> <div class="text-subtitle-1">您没有足够的权限访问该页面,请与系统管理员联系。</div> </v-flex> </v-layout> </v-container> </template> <script> export default { name: 'NoPermission' } </script> <style lang="scss" scoped> .no-permission-container { position: absolute; height: calc(100% - 24px); width: calc(100% - 24px); .mdi-shield-lock { margin-top: 150px; font-size: 200px; } } </style>