Forráskód Böngészése

style(order-form): 调整表单样式间距和阴影效果

yz 2 hete
szülő
commit
c9caf7527f
1 módosított fájl, 15 hozzáadás és 5 törlés
  1. 15 5
      src/components/order-form/order-form.vue

+ 15 - 5
src/components/order-form/order-form.vue

@@ -216,10 +216,20 @@ export default {
 }
 </script>
 
-<style scoped>
-.el-card__body {
-    padding: 0;
+<style scooped>
+/* 全局覆盖外层el-card的body padding - 使用更高优先级 */
+.order-form-container .el-card .el-card__body {
+  padding: 0 !important;
+}
+
+/* 针对可能的嵌套情况 */
+.el-card .el-card__body {
+  padding: 0 !important;
 }
+</style>
+
+<style scoped>
+
 .order-form-container {
   /* padding: 20px; */
   background-color: #f5f5f5;
@@ -269,9 +279,9 @@ export default {
 
 .order-form-content {
   background-color: #ffffff;
-  padding: 20px;
+  padding: 10px;
   border-radius: 0 0 8px 8px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
 }
 
 .order-form {