优化支付功能

platform/src/views/basicSettings/pricing/index.vue

@@ -128,7 +128,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from "vue";
+import { onMounted, ref } from "vue";
 import { ElMessage, ElMessageBox } from "element-plus";
 import { Plus, Refresh } from "@element-plus/icons-vue";
 import {
@@ -271,7 +271,8 @@ onMounted(async () => {
 
 <style scoped lang="less">
 .container-box {
-  padding: 4px;
+  padding: 20px;
+  border-radius: 8px;
 }
 
 .header-bar {
@@ -293,7 +294,7 @@ onMounted(async () => {
 }
 
 .tip-alert {
-  margin-bottom: 8px;
+  margin-bottom: 16px;
 
   p {
     margin: 4px 0;
@@ -303,22 +304,33 @@ onMounted(async () => {
 }
 
 .pricing-tabs {
-  margin-top: 8px;
+  margin-top: 0;
+
+  :deep(.el-tabs__header) {
+    margin-bottom: 16px;
+  }
+
+  :deep(.el-tabs__nav-wrap::after) {
+    height: 1px;
+  }
 }
 
 .product-name {
   font-weight: 500;
+  color: var(--el-text-color-primary);
 }
 
 .price {
   color: #f56c6c;
   font-weight: 600;
+  font-size: 14px;
 }
 
 .order-filter {
   display: flex;
+  align-items: center;
   gap: 12px;
-  margin-bottom: 12px;
+  margin-bottom: 16px;
 }
 
 .muted {