ソースを参照

完善提交按钮样式

yellowtaotao 4 年 前
コミット
f136c861d0

+ 5 - 0
src/styles/common/index.less

@@ -67,5 +67,10 @@
       }
     }
   }
+
+  .qusetionSubmitBtn {
+    width: calc(60%);
+    margin: 20px 0 20px calc(20% + 56px);
+  }
 }
 

+ 1 - 1
src/views/examQuestionManagement/examQusetionCreateGapFilling.vue

@@ -102,9 +102,9 @@
           </a-form-item>
           <a-form-item>
             <a-button
+              class="qusetionSubmitBtn"
               type="primary"
               html-type="submit"
-              style="width: 100%;margin-top: 20px;"
               >提交</a-button
             >
           </a-form-item>

+ 1 - 1
src/views/examQuestionManagement/examQusetionCreateMultiple.vue

@@ -118,9 +118,9 @@
           </a-form-item>
           <a-form-item>
             <a-button
+              class="qusetionSubmitBtn"
               type="primary"
               html-type="submit"
-              style="width: 100%;margin-top: 20px;"
               >提交</a-button
             >
           </a-form-item>

+ 1 - 1
src/views/examQuestionManagement/examQusetionCreateSingle.vue

@@ -118,9 +118,9 @@
           </a-form-item>
           <a-form-item>
             <a-button
+              class="qusetionSubmitBtn"
               type="primary"
               html-type="submit"
-              style="width: 100%;margin-top: 20px;"
               >提交</a-button
             >
           </a-form-item>

+ 1 - 1
src/views/examQuestionManagement/examQusetionCreateTrueOrFalse.vue

@@ -109,9 +109,9 @@
           </a-form-item>
           <a-form-item>
             <a-button
+              class="qusetionSubmitBtn"
               type="primary"
               html-type="submit"
-              style="width: 100%;margin-top: 20px;"
               >提交</a-button
             >
           </a-form-item>