diff --git a/src/assets/styles/autoCommit.css b/src/assets/styles/autoCommit.css
index e69de29..8de36b4 100644
--- a/src/assets/styles/autoCommit.css
+++ b/src/assets/styles/autoCommit.css
@@ -0,0 +1,30 @@
+#app{
+    background: #272822;
+    height: 100vh;
+    color: #fff;
+  }
+  
+  .el-main {
+    background-color: #272822;
+  }
+  
+  .form_item {
+    font-size: 16px;
+  }
+  .form_item .el-form-item__label{
+    font-size: 16px;
+    color: #fff;
+  }
+  
+  .form-title {
+    padding-top: 20px;
+    font-weight: bold;
+    font-size: 30px;
+    text-align: center;
+  }
+  
+  body > .el-container {
+    margin-bottom: 40px;
+  }
+  
+  
\ No newline at end of file
diff --git a/src/views/autoCommit.html b/src/views/autoCommit.html
index 9446e5e..29c494d 100644
--- a/src/views/autoCommit.html
+++ b/src/views/autoCommit.html
@@ -11,9 +11,21 @@
 
   <body>
     <div id="app">
+      <div class="form-title">Github自动提交commit工具</div>
       <el-container>
-        <el-header>Header</el-header>
-        <el-main>Main</el-main>
+        <el-main>
+          <!-- TODO: tip -->
+            <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+                <el-form-item  label="项目地址" class="form_item" prop="itemSrc">
+                    <div>{{ form.itemSrc }}</div>
+                </el-form-item>
+            </el-form>
+            <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+              <el-form-item  label="commit次数" class="form_item" prop="commitNumber">
+                  <el-input-number v-model="form.commitNumber"  :min="1" :max="100" size="mini" ></el-input-number>
+              </el-form-item>
+          </el-form>
+        </el-main>
       </el-container>
     </div>
     </div>
@@ -21,17 +33,29 @@
   <script src="../assets/scripts/vue.min.js"></script>
   <script src="../assets/scripts/element2.13.min.js"></script>
   <script>
-    const vscode = acquireVsCodeApi();
     new Vue({
       el: '#app',
       data() {
         return {
-          // userName: 18850985993,
-          // password: 'HgbOBKoro1'
+          form: {
+            // itemSrc: '/Users/koro/work/web_my/testCommit',
+            itemSrc: '点击选择要commit的项目文件夹',
+            timeArr: [
+              
+            ],
+            commitNumber: 1,
+          },
+          rules:  {
+            itemSrc: [
+              {
+                required: true
+              }
+            ]
+          }
         };
       },
       mounted() {
-        this.initListener();
+        // this.initListener();
       },
       methods: {
         // 登录
