diff --git a/src/pages/business_emergencyAccident/components/EventNotification.js b/src/pages/business_emergencyAccident/components/EventNotification.js index 48d04d2..a5b9e14 100644 --- a/src/pages/business_emergencyAccident/components/EventNotification.js +++ b/src/pages/business_emergencyAccident/components/EventNotification.js @@ -186,7 +186,7 @@ const EventNotification = () => { }; return ( -
+
{/* A块:顶部区域,高度60%,背景透明 */}
{/* a块:事件信息编辑 */} diff --git a/src/pages/business_emergencyAccident/components/EventNotification.less b/src/pages/business_emergencyAccident/components/EventNotification.less index 8219b80..ac91142 100644 --- a/src/pages/business_emergencyAccident/components/EventNotification.less +++ b/src/pages/business_emergencyAccident/components/EventNotification.less @@ -1,7 +1,7 @@ -.container { +.containerSJTZ { width: 100%; height: 100vh; - padding: 0; + padding: 15px 0px 10px 5px; margin: 0; display: flex; flex-direction: column; @@ -22,16 +22,19 @@ // a块:事件信息编辑 .blockA_a { - width: 25%; + width: 24%; padding: 0; margin: 0; background-color: #fff; display: flex; flex-direction: column; box-sizing: border-box; + .cardHeader { height: 40px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; background-color: #556FEB; display: flex; align-items: center; @@ -87,7 +90,7 @@ // b块:视频核实 .blockA_b { - width: 25%; + width: 24%; padding: 0; margin: 0; background-color: #fff; @@ -236,7 +239,7 @@ // c块:信息推送 .blockA_c { - width: 25%; + width: 24%; padding: 0; margin: 0; background-color: #fff; @@ -316,7 +319,7 @@ // d块:事件列表 .blockA_d { - width: 25%; + flex: 1; padding: 0; margin: 0; background-color: #fff;