diff --git a/packages/create-fes-app/templates/app/pc/package.json b/packages/create-fes-app/templates/app/pc/package.json
index 4b0a3e6b..45132a60 100644
--- a/packages/create-fes-app/templates/app/pc/package.json
+++ b/packages/create-fes-app/templates/app/pc/package.json
@@ -51,8 +51,8 @@
     "@fesjs/plugin-layout": "^2.0.0",
     "@fesjs/plugin-model": "^2.0.0",
     "@fesjs/plugin-enums": "^2.0.0",
-    "ant-design-vue": "^2.0.0",
-    "vue": "^3.0.5"
+    "ant-design-vue": "^2.2.0",
+    "vue": "^3.1.0"
   },
   "private": true
 }
\ No newline at end of file
diff --git a/packages/create-fes-app/templates/app/pc/src/components/UserCenter.vue b/packages/create-fes-app/templates/app/pc/src/components/UserCenter.vue
index 17d6536f..6cba6e3c 100644
--- a/packages/create-fes-app/templates/app/pc/src/components/UserCenter.vue
+++ b/packages/create-fes-app/templates/app/pc/src/components/UserCenter.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>{{initialState.userName}}</div>
+    <div class="right">{{initialState.userName}}</div>
 </template>
 <script>
 import { useModel } from '@fesjs/fes';
@@ -13,3 +13,9 @@ export default {
     }
 };
 </script>
+<style scope>
+.right {
+    text-align: right;
+    padding: 0 20px;
+}
+</style>