fix: 修复按钮展示

src/views/category/components/IssuePass.vue

@@ -130,8 +130,12 @@
           </div>
         </el-form-item>
       </el-form>
-      <el-button @click="submit" type="primary" :disabled="disabled"
-        >支付并发行</el-button
+      <Button
+        @click="submit"
+        type="primary"
+        :disabled="disabled"
+        mode="elementBtn"
+        >支付并发行</Button
       >
       <div class="tip_right" v-if="file.name">
         预计扣除次数 <span class="fee">{{ fee }}</span> 次

src/views/pass/PassMaker/index.vue

@@ -230,13 +230,14 @@
         </div>
       </div>
       <div style="width: 587px">
-        <el-button
-          class="submit_btn"
-          style="box-sizing: border-box; height: 40px"
+        <syButton
+          mode="elementBtn"
+          class="w-full"
+          style="box-sizing: border-box; height: 40px; margin-top: 30pxF"
           @click="submit"
           type="primary"
           :disabled="disabled"
-          >支付并发行</el-button
+          >支付并发行3</syButton
         >
       </div>
       <div
@@ -362,6 +363,7 @@ export default defineComponent({
     ElProgress,
     ElOption,
     ElButton,
+    syButton,
     ElDialog,
     syBusinessForm,
     syDialogInput,
@@ -840,10 +842,7 @@ export default defineComponent({
         }
       }
     }
-    .submit_btn {
-      margin-top: 30px;
-      width: 100%;
-    }
+
     .tip_success {
       margin-top: 13px;
       color: #1c2323;