diff --git a/Web/src/pages/system/doc/form/normal.vue b/Web/src/pages/system/doc/form/normal.vue
new file mode 100644
index 0000000..c6e28d5
--- /dev/null
+++ b/Web/src/pages/system/doc/form/normal.vue
@@ -0,0 +1,7 @@
+<template>
+  <container>
+    <a-row :gutter="16">
+      <a-col></a-col>
+    </a-row>
+  </container>
+</template>
\ No newline at end of file
diff --git a/Web/src/pages/system/doc/form/yo.vue b/Web/src/pages/system/doc/form/yo.vue
new file mode 100644
index 0000000..47b75ec
--- /dev/null
+++ b/Web/src/pages/system/doc/form/yo.vue
@@ -0,0 +1,79 @@
+<template>
+  <container>
+    <br />
+
+    <a-form-model class="yo-form yo-form--fixed">
+      <h3>输入框</h3>
+      <Input />
+      <h3>数字输入框</h3>
+      <div class="yo-form-group">
+        <a-form-model-item label="数字输入框">
+          <span slot="help">
+            <a-tag color="pink">a-input-number</a-tag>可以输入和选择数字
+          </span>
+          <a-input-number autocomplete="off" placeholder="请输入数字" />
+        </a-form-model-item>
+      </div>
+      <h3>文本域</h3>
+      <div class="yo-form-group">
+        <a-form-model-item label="文本域">
+          <a-textarea autocomplete="off" placeholder="请输入文字" />
+        </a-form-model-item>
+      </div>
+      <h3>提及</h3>
+      <div class="yo-form-group">
+        <a-form-model-item label="提及">
+          <a-mentions placeholder="请输入'@'进行提及">
+            <a-mentions-option value="史莱姆">史莱姆</a-mentions-option>
+            <a-mentions-option value="哥布林">哥布林</a-mentions-option>
+            <a-mentions-option value="牛头人">牛头人</a-mentions-option>
+          </a-mentions>
+        </a-form-model-item>
+      </div>
+      <h3>单选框</h3>
+      <div class="yo-form-group">
+        <a-form-model-item label="单选框">
+          <span slot="help">
+            <a-tag color="pink">a-radio-group > a-radio</a-tag>横排的单选框。请注意，因为控件区域宽度的限制，在这里无法使用单选框按钮
+          </span>
+          <a-radio-group>
+            <a-radio value="1">攻击</a-radio>
+            <a-radio value="2">防御</a-radio>
+            <a-radio value="3">剑技</a-radio>
+            <a-radio value="4">魔法</a-radio>
+            <a-radio value="5">回复</a-radio>
+            <a-radio value="6">虐杀</a-radio>
+            <a-radio value="7">踩在脚下</a-radio>
+          </a-radio-group>
+        </a-form-model-item>
+        <a-form-model-item class="yo-form--vertical yo-form--vertical-radio" label="垂直单选框">
+          <span slot="help">
+            垂直单选框，需要在垂直布局控件的基础上，添加类
+            <a-tag color="pink">.yo-form--vertical-radio</a-tag>
+          </span>
+          <a-radio-group>
+            <a-radio value="1">攻击</a-radio>
+            <a-radio value="2">防御</a-radio>
+            <a-radio value="3">剑技</a-radio>
+            <a-radio value="4">魔法</a-radio>
+            <a-radio value="5">回复</a-radio>
+            <a-radio value="6">虐杀</a-radio>
+            <a-radio value="7">踩在脚下</a-radio>
+            <a-radio value="8">
+              <a-input />
+            </a-radio>
+          </a-radio-group>
+        </a-form-model-item>
+      </div>
+    </a-form-model>
+  </container>
+</template>
+<script>
+import Input from './yo/Input';
+
+export default {
+  components: {
+    Input,
+  },
+};
+</script>
\ No newline at end of file
diff --git a/Web/src/pages/system/doc/form/yo/Input.vue b/Web/src/pages/system/doc/form/yo/Input.vue
new file mode 100644
index 0000000..4ac2b18
--- /dev/null
+++ b/Web/src/pages/system/doc/form/yo/Input.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="yo-form-group">
+    <a-form-model-item label="输入框">
+      <a-input autocomplete="off" placeholder="请输入文字" />
+    </a-form-model-item>
+    <a-form-model-item label="只读输入框">
+      <a-input autocomplete="off" placeholder="请输入文字" readonly />
+    </a-form-model-item>
+    <a-form-model-item label="前缀和后缀">
+      <a-input addon-after="后缀" addon-before="前缀" autocomplete="off" placeholder="请输入文字" />
+    </a-form-model-item>
+    <a-form-model-item label="输入框组">
+      <a-input-group compact>
+        <a-input style="width: 40%" />
+        <a-input style="width: 60%" />
+      </a-input-group>
+      <a-input-group>
+        <a-row :gutter="8">
+          <a-col :span="10">
+            <a-input />
+          </a-col>
+          <a-col :span="14">
+            <a-input />
+          </a-col>
+        </a-row>
+      </a-input-group>
+      <a-input-group>
+        <a-row type="flex">
+          <a-col flex="120px">
+            <a-select default-value="Zhejiang">
+              <a-select-option value="Zhejiang">Zhejiang</a-select-option>
+              <a-select-option value="Jiangsu">Jiangsu</a-select-option>
+            </a-select>
+          </a-col>
+          <a-col flex="auto">
+            <a-input default-value="Xihu District, Hangzhou" />
+          </a-col>
+        </a-row>
+      </a-input-group>
+      <a-input-group compact>
+        <a-select default-value="1">
+          <a-select-option value="1">Between</a-select-option>
+          <a-select-option value="2">Except</a-select-option>
+        </a-select>
+        <a-input placeholder="Minimum" style=" width: 100px; text-align: center" />
+        <a-input
+          disabled
+          placeholder="~"
+          style=" width: 30px; border-left: 0; pointer-events: none; backgroundColor: transparent"
+        />
+        <a-input placeholder="Maximum" style=" width: 100px; text-align: center; border-left: 0" />
+      </a-input-group>
+    </a-form-model-item>
+    <a-form-model-item class="yo-form--vertical" label="上下布局">
+      <span slot="help">
+        上下布局，请在
+        <a-tag color="pink">a-form-model-item</a-tag>上添加类
+        <a-tag color="pink">.yo-form--vertical</a-tag>
+      </span>
+      <a-input autocomplete="off" placeholder="请输入文字" />
+    </a-form-model-item>
+  </div>
+</template>
\ No newline at end of file
diff --git a/Web/src/pages/system/doc/index.vue b/Web/src/pages/system/doc/index.vue
index ccce3fd..9e0a980 100644
--- a/Web/src/pages/system/doc/index.vue
+++ b/Web/src/pages/system/doc/index.vue
@@ -3,7 +3,12 @@
     <container>
       <a-row :gutter="16" type="flex">
         <a-col flex="auto">
-          <container :id="`doc-${index}`" :key="index" v-for="(doc, index) in docs">
+          <container
+            :id="`doc-${index}`"
+            :key="index"
+            mode="container-fluid"
+            v-for="(doc, index) in docs"
+          >
             <section>
               <h1>{{ doc.title }}</h1>
               <component :codes="codes" :is="doc.component" v-if="doc.path" />
diff --git a/Web/src/pages/system/doc/window/open.vue b/Web/src/pages/system/doc/window/open.vue
index ad4fab2..553f1e1 100644
--- a/Web/src/pages/system/doc/window/open.vue
+++ b/Web/src/pages/system/doc/window/open.vue
@@ -1,6 +1,6 @@
 <template>
   <section>
-    <Highlight :code="'this.onOpenContentWindow(settings)'" language="javascript" />
+    <Highlight :code="'this.openContentWindow(settings)'" language="javascript" />
     <h4>settings</h4>
     <ul>
       <li>