Browse Source

css(regionNode)

liuxf 4 months ago
parent
commit
9d7cd3ff75

+ 2 - 4
src/components/PublicRange.vue

@@ -116,8 +116,6 @@ watch(
 <style scoped>
 .public-range-container {
   margin-top: 10px;
-
-  //padding-left: 60px; /* 统一左侧内边距,确保整体左对齐 */
 }
 
 /* 统一的区块样式,标题和内容横向排列 */
@@ -160,8 +158,8 @@ watch(
 /* 响应式调整 */
 @media (max-width: 768px) {
   .section-title {
-    width: 80px !important;/* 移动端标题宽度微调 */
-    margin-right: 15px;
+    width: 100px !important;/* 移动端标题宽度微调 */
+    margin-right: 0;
   }
 
 }

+ 3 - 3
src/components/RegionNode.vue

@@ -156,7 +156,7 @@ input[type="checkbox"] {
   position: relative;
   cursor: pointer;
   vertical-align: middle;
-  margin-right: 10px;
+  margin-right: 1px;
   margin-top: -4px;
 }
 input[type="checkbox"]:checked {
@@ -184,11 +184,11 @@ input[type="checkbox"]:checked::after {
   position: absolute;
   top: 0;
   left: 0;
-  width: 20px;
+  width: 16px;
 }
 
 .ml-checkbox {
-  padding-left: 26px;
+  padding-left: 22px;
   display: block;
   margin-top: 1px;
 }

+ 1 - 2
src/views/fcbi/sales/sumSettings.vue

@@ -360,7 +360,7 @@ const resetRegionTreeCheck = (nodes) => {
 }
 
 .section-fc-area {
-  margin-left: 20px; /* 顶部对齐,确保基准一致 */
+  margin-left: 16px; /* 顶部对齐,确保基准一致 */
 }
 
 /* 2. 统一标题样式(确保“対”和“集”字对齐) */
@@ -378,7 +378,6 @@ const resetRegionTreeCheck = (nodes) => {
   display: inline-block !important; /* 确保宽度和高度计算准确 */
 
   /* 修正对齐的核心属性 - 与分割线严格一致 */
-
   box-sizing: border-box !important; /* 确保宽度计算不包含padding */
   position: relative !important; /* 建立稳定的定位基准 */
   left: 0 !important; /* 清除可能的定位偏移 */