diff --git a/src/components/commit/Commit.vue b/src/components/commit/Commit.vue
index 2f831aed93033354e4ba4e2510606e51d6d2c6ef..9676c3b3ead506227cc66e5ecfddd36177cfd381 100644
--- a/src/components/commit/Commit.vue
+++ b/src/components/commit/Commit.vue
@@ -4,7 +4,7 @@ import { getRemoteCsdnCommit, askGpt } from '../../service/csdnApi.js'
 import { message } from 'ant-design-vue';
 const state: any = reactive({
     loading: false,
-    analysis:'',
+    analysis: '',
     text: '',
     articleId: '133955447',
     page: 1,
@@ -24,7 +24,7 @@ const getCommit = async () => {
         console.log(result, 'result')
         const { data } = result?.data
         if (data?.list) {
-            state.text = data.list.map((item:any) => item.info.content).join(',')
+            state.text = data.list.map((item: any) => item.info.content).join(',')
         }
     }
     catch (e) {
@@ -36,64 +36,75 @@ const getCommit = async () => {
 
 }
 const analysisCommit = async () => {
+    state.loading = true
     try {
-        console.log('state.text',state.text)
+        console.log('state.text', state.text)
         const res = await askGpt({
             content: '帮我分析总结这些评论' + state.text
         })
-        if(res?.data?.data?.result){
-            state.analysis=res?.data?.data?.result
+        if (res?.data?.data?.result) {
+            state.analysis = res?.data?.data?.result
         }
     }
     catch (e) {
         message.warn(JSON.stringify(e))
     }
+    finally {
+        state.loading = false
+    }
 }
 </script>
 
 <template>
     <a-spin :spinning="state.loading">
         <div>
-            <div style="display: flex;">
-                <div style="width:50%">
-                    <div>
-                        articleId: <a-input v-model:value="state.articleId" />
-                    </div>
-                    <div>
-                        page: <a-input v-model:value="state.page" />
-                    </div>
+            <div>
+                <div style="max-width:450px;">
+                    <a-row justify="space-between">
+                        <a-col :span="8">
+                            (文章id)articleId: <a-input v-model:value="state.articleId" placeholder="'文章id'" />
+                        </a-col>
+                        <a-col :span="8">
+                            (页数)page: <a-input v-model:value="state.page" placeholder="页数" />
+                        </a-col>
+                    </a-row>
+
+                    <a-row justify="space-between">
+                        <a-col :span="8">
+                            (页大小)pageSize: <a-input v-model:value="state.pageSize" placeholder="总页数" />
+                        </a-col>
+                        <a-col :span="8">
+                            (收藏)unfold: <a-input v-model:value="state.unfold" placeholder="收藏" />
+                        </a-col>
+                    </a-row>
 
-                    <div>
-                        pageSize: <a-input v-model:value="state.pageSize" />
-                    </div>
-                    <div>
-                        unfold: <a-input v-model:value="state.unfold" />
-                    </div>
-                    <div>
-                        commitId: <a-input v-model:value="state.commitId" />
-                    </div>
+                    <a-row justify="space-between">
+                        <a-col :span="8">
+                            (评论id)commitId: <a-input v-model:value="state.commitId" placeholder="评论id" />
+                        </a-col>
+                    </a-row>
                 </div>
-                <div style="width:50%;display: flex;justify-content: center;align-items: center;">
-                    <a-button @click="getCommit">获取评论</a-button>
+                <div style="width:100%;margin-top:10px;display: flex;justify-content: center;align-items: center;">
+                    <a-button @click="getCommit" type="primary">获取评论</a-button>
                 </div>
             </div>
             <div>
-                <div class="des">
-                    评论
+                <div style="margin:10px 0;">
+                    <a-tag color="blue">评论</a-tag>
                 </div>
                 <a-textarea v-model:value="state.text" placeholder="评论" :disabled="state.loading"
-                    :auto-size="{ minRows: 2, maxRows: 5 }" />
+                    :auto-size="{ minRows: 2, maxRows: 20 }" />
             </div>
 
             <div style="margin-top:10px;;width:100%;display: flex;justify-content: center;align-items: center;">
-                <a-button @click="analysisCommit">文心一言分析评论</a-button>
+                <a-button @click="analysisCommit" type="primary">文心一言分析评论</a-button>
             </div>
             <div style="margin-top:10px;">
-                <div class="des">
-                    生成的评论总结
+                <div style="margin:10px 0;">
+                    <a-tag color="blue">文心一言生成的总结</a-tag>
                 </div>
                 <a-textarea v-model:value="state.analysis" placeholder="生成的文章总结" readonly
-                    :auto-size="{ minRows: 2, maxRows: 5 }" />
+                    :auto-size="{ minRows: 2, maxRows: 20 }" />
             </div>
         </div>
     </a-spin>