feat: 打包构建添加可选 gzip 与 brotli 压缩模式

src/views/permission/button/index.vue

@@ -6,20 +6,21 @@ defineOptions({
   name: "PermissionButton"
 });
 
-let width = computed((): CSSProperties => {
+let elStyle = computed((): CSSProperties => {
   return {
-    width: "85vw"
+    width: "85vw",
+    justifyContent: "start"
   };
 });
 </script>
 
 <template>
   <el-space direction="vertical" size="large">
-    <el-tag :style="width" size="large" effect="dark">
+    <el-tag :style="elStyle" size="large" effect="dark">
       当前拥有的code列表：{{ getAuths() }}
     </el-tag>
 
-    <el-card shadow="never" :style="width">
+    <el-card shadow="never" :style="elStyle">
       <template #header>
         <div class="card-header">组件方式判断权限</div>
       </template>
@@ -36,7 +37,7 @@ let width = computed((): CSSProperties => {
       </Auth>
     </el-card>
 
-    <el-card shadow="never" :style="width">
+    <el-card shadow="never" :style="elStyle">
       <template #header>
         <div class="card-header">函数方式判断权限</div>
       </template>
@@ -54,7 +55,7 @@ let width = computed((): CSSProperties => {
       </el-button>
     </el-card>
 
-    <el-card shadow="never" :style="width">
+    <el-card shadow="never" :style="elStyle">
       <template #header>
         <div class="card-header">
           指令方式判断权限（该方式不能动态修改权限）
@@ -72,9 +73,3 @@ let width = computed((): CSSProperties => {
     </el-card>
   </el-space>
 </template>
-
-<style lang="scss" scoped>
-:deep(.el-tag) {
-  justify-content: start;
-}
-</style>

src/views/permission/page/index.vue

@@ -8,9 +8,10 @@ defineOptions({
   name: "PermissionPage"
 });
 
-let width = computed((): CSSProperties => {
+let elStyle = computed((): CSSProperties => {
   return {
-    width: "85vw"
+    width: "85vw",
+    justifyContent: "start"
   };
 });
 
@@ -41,10 +42,10 @@ function onChange() {
 
 <template>
   <el-space direction="vertical" size="large">
-    <el-tag :style="width" size="large" effect="dark">
+    <el-tag :style="elStyle" size="large" effect="dark">
       模拟后台根据不同角色返回对应路由（具体参考完整版pure-admin代码）
     </el-tag>
-    <el-card shadow="never" :style="width">
+    <el-card shadow="never" :style="elStyle">
       <template #header>
         <div class="card-header">
           <span>当前角色：{{ username }}</span>
@@ -61,9 +62,3 @@ function onChange() {
     </el-card>
   </el-space>
 </template>
-
-<style lang="scss" scoped>
-:deep(.el-tag) {
-  justify-content: start;
-}
-</style>