diff --git a/.vscode/settings.json b/.vscode/settings.json
index a77baa48bd3649ad86d7e454cb21731394abf183..87a96104f4e503d925c847c628f2ade09d7c1c07 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -138,7 +138,7 @@
   "vetur.format.defaultFormatter.ts": "prettier-tslint",
   "vetur.format.defaultFormatter.js": "prettier",
   "vetur.languageFeatures.codeActions": false,
-  "vetur.validation.script": false,
+  // "vetur.validation.script": false,
   "vetur.format.defaultFormatterOptions": {
     "js-beautify-html": {
       "wrap_attributes": "force-expand-multiline"
diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
index 57bd0cfd2fc5a508a76f77de9a3f1b4b5461f0bb..1ffbe4f7e350dac8a1199fdf00c6fb0b3213b12c 100644
--- a/CHANGELOG.zh_CN.md
+++ b/CHANGELOG.zh_CN.md
@@ -8,6 +8,7 @@
 
 - 确保 `table action` 的值被正确更新
 - 修复页面切换的动画无法关闭
+- 修复`PageWrapper`title 不显示
 
 ## 2.0.3 (2021-03-07)
 
diff --git a/package.json b/package.json
index 595d94515e03931617383210f41c3234160bae63..d2ba1c5bea998cb1a4534c70479a6661734169b5 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "vite-plugin-style-import": "^0.8.1",
     "vite-plugin-svg-icons": "^0.3.3",
     "vite-plugin-theme": "^0.4.8",
-    "vite-plugin-windicss": "0.7.0",
+    "vite-plugin-windicss": "0.7.1",
     "vue-eslint-parser": "^7.6.0",
     "yargs": "^16.2.0"
   },
diff --git a/src/components/Page/src/PageWrapper.vue b/src/components/Page/src/PageWrapper.vue
index 28e4b91f897cd2ef562b55ae7b2bfb262679b1f9..c3223a09fa24f2f88d907df11e20810dad1c62e7 100644
--- a/src/components/Page/src/PageWrapper.vue
+++ b/src/components/Page/src/PageWrapper.vue
@@ -2,9 +2,10 @@
   <div :class="getClass">
     <PageHeader
       :ghost="ghost"
+      :title="title"
       v-bind="$attrs"
       ref="headerRef"
-      v-if="content || $slots.headerContent"
+      v-if="content || $slots.headerContent || title || getHeaderSlots.length"
     >
       <template #default>
         <template v-if="content">
@@ -49,6 +50,7 @@
     components: { PageFooter, PageHeader },
     inheritAttrs: false,
     props: {
+      title: propTypes.string,
       dense: propTypes.bool,
       ghost: propTypes.bool,
       content: propTypes.string,
diff --git a/src/main.ts b/src/main.ts
index b5abe8589a9524062a86558f08aa6f6fbaeafddd..ae524a33bf0a2749984ca0d60fd1c5641bd9ff13 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
 import '/@/design/index.less';
-import 'windi.css';
+import '@virtual/windi.css';
 
 // Do not introduce on-demand in local development?
 // In the local development for on-demand introduction, the number of browser requests will increase by about 20%.
diff --git a/src/views/demo/system/password/index.vue b/src/views/demo/system/password/index.vue
index 73b1381c948396a59def8d0911463b49f8b2baf3..351ce4c20aa2b2870d22bc5dc174ef3bedf772f7 100644
--- a/src/views/demo/system/password/index.vue
+++ b/src/views/demo/system/password/index.vue
@@ -1,22 +1,23 @@
 <template>
-  <div class="p-4 flex flex-col justify-center items-center">
-    <BasicForm @register="register" />
-
-    <div class="flex justify-center">
-      <a-button @click="resetFields"> 重置 </a-button>
-      <a-button class="ml-4" type="primary" @click="handleSubmit"> 确认 </a-button>
+  <PageWrapper title="修改当前用户密码" content="修改成功后会自动退出当前登录！">
+    <div class="py-8 bg-white flex flex-col justify-center items-center">
+      <BasicForm @register="register" />
+      <div class="flex justify-center">
+        <a-button @click="resetFields"> 重置 </a-button>
+        <a-button class="ml-4" type="primary" @click="handleSubmit"> 确认 </a-button>
+      </div>
     </div>
-  </div>
+  </PageWrapper>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-
+  import { PageWrapper } from '/@/components/Page';
   import { BasicForm, useForm } from '/@/components/Form';
 
   import { formSchema } from './pwd.data';
   export default defineComponent({
     name: 'ChangePassword',
-    components: { BasicForm },
+    components: { BasicForm, PageWrapper },
     setup() {
       const [register, { validate, resetFields }] = useForm({
         size: 'large',
diff --git a/yarn.lock b/yarn.lock
index 8a56c38c3b488132209ac25e36d2c19d4fe04613..d2c52bb0696e434bb8d76ec96f0c6e77509b845a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1785,10 +1785,10 @@
   dependencies:
     vue-demi latest
 
-"@windicss/plugin-utils@0.7.0":
-  version "0.7.0"
-  resolved "https://registry.npmjs.org/@windicss/plugin-utils/-/plugin-utils-0.7.0.tgz#0321328cd4e7ef673cdeccf0104e8e5f81f7496b"
-  integrity sha512-Bfk3AF/CLKyj22iSaAkjHCI5Nw0Lp2GFo0bS3ymUSWrWn2Xx7w0K8INkZ9bjDpdrh/m1yImA+sbas302+NqXEQ==
+"@windicss/plugin-utils@0.7.1":
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/@windicss/plugin-utils/-/plugin-utils-0.7.1.tgz#001ba282b78a9d4e110e531d59309d2b9cb0929e"
+  integrity sha512-ZloIRRKCnArFyDNuhZiFRA15XqhlWaeTcOf3soP9VxWJ+i6/IkH6cnaYgBefDATA/zJodOPsXBnbX333zKVk1Q==
   dependencies:
     esbuild "^0.8.57"
     esbuild-register "^2.2.0"
@@ -9182,12 +9182,12 @@ vite-plugin-theme@^0.4.8:
     es-module-lexer "^0.3.26"
     tinycolor2 "^1.4.2"
 
-vite-plugin-windicss@0.7.0:
-  version "0.7.0"
-  resolved "https://registry.npmjs.org/vite-plugin-windicss/-/vite-plugin-windicss-0.7.0.tgz#9e1bee2d041aee7a0b5a4bf08c483fe5b2525898"
-  integrity sha512-zKQEnDKhKZT4mYoUfLfOy8hPviAWTUbLE5POo2OACKxMCBdcOHmakh+RfkMIUrejgrRZbX9bBezKzSfxPqO65Q==
+vite-plugin-windicss@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/vite-plugin-windicss/-/vite-plugin-windicss-0.7.1.tgz#1e1c41c2f62d18a2777819057c981a1ec26d8901"
+  integrity sha512-0NNrTBgjx11KOwqS/4szfVIt3LURFor4cEEVVJjB8p7JDTnC4K8Cu11bcAvY+QMOfflxv4s2ONo2SU4xkq68kA==
   dependencies:
-    "@windicss/plugin-utils" "0.7.0"
+    "@windicss/plugin-utils" "0.7.1"
     windicss "^2.3.0"
 
 vite@^2.0.5: