chore: 优化演示示例

src/views/permission/page/index.vue

@@ -43,10 +43,10 @@ function onChange() {
 </script>
 
 <template>
-  <el-space direction="vertical" size="large">
-    <el-tag :style="elStyle" size="large" effect="dark">
+  <div>
+    <p class="mb-2">
       模拟后台根据不同角色返回对应路由，观察左侧菜单变化（管理员角色可查看系统管理菜单、普通角色不可查看系统管理菜单）
-    </el-tag>
+    </p>
     <el-card shadow="never" :style="elStyle">
       <template #header>
         <div class="card-header">
@@ -62,5 +62,5 @@ function onChange() {
         />
       </el-select>
     </el-card>
-  </el-space>
+  </div>
 </template>