diff --git a/src/App.vue b/src/App.vue
index ca3b64a20beb533e005302701e11b6e4960b598b..94894a7edc6ffe05b10d7acb4b06a550755d4e70 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -97,8 +97,16 @@
                     d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" />
                 </svg>
             </div>
-            <div class="w-full h-10 flex mt-2 pr-12">
+            <div class="w-full h-10 mt-2 pr-12 flex gap-2">
                 <input v-model="prompt" class="flex-auto ring-0	outline-0	pl-2 bg-slate-200 h-10" v-on:keyup.enter="query" placeholder="逆向提示词" />
+                <div class="flex-none w-40 ring-0	outline-0	pl-2  h-10 flex justify-between">
+                  <input v-model="width" class="ring-0	outline-0	pl-2 bg-slate-200 h-10 w-16" placeholder="width"/> 
+                  <span class="h-10 leading-10">*</span>
+                  <input v-model="height" class="ring-0	outline-0	pl-2 bg-slate-200 h-10 w-16" placeholder="height"/>
+                </div>
+                <input v-model="steps" class="flex-none w-30 ring-0	outline-0	pl-2 bg-slate-200 h-10 w-16" placeholder="steps"/>
+                <input v-model="sampler" class="flex-none w-40 ring-0	outline-0	pl-2 bg-slate-200 h-10 w-16 text-small" placeholder="sampler"/>
+
             </div>
            
             
@@ -163,6 +171,10 @@ export default {
       autoSpeech: false, // 是否自动开始语音
       speech: null, // 语音object
       showProfileSetting: false, //是否显示角色设置模块
+      width: 512,
+      height: 512,
+      steps: 20,
+      sampler: 'DPM++ SDE Karras',
     }
   },
   methods: {
diff --git a/tailwind.config.js b/tailwind.config.js
index 508727164e80caefe5845649f80ebdfb86400670..8bea3f55b1ed032ae6cf3f4fd3781196b201bb07 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,6 +2,7 @@
 module.exports = {
   content: [
     "./index.html",
+    "./src/*.{vue,js,ts,jsx,tsx}",
     "./src/**/*.{vue,js,ts,jsx,tsx}",
   ],
   theme: {