Kaynağa Gözat

修改样式

Renxy 1 yıl önce
ebeveyn
işleme
a5b960cb7b

BIN
src/assets/deviceManager/chartIcon.png


BIN
src/assets/deviceManager/device01.png


+ 3 - 1
src/components/PageTitle/index.js

@@ -16,7 +16,9 @@ export default (props) => {
   return (
     <div className={styles.titleBox} onClick={handleOnClick}>
       {returnable || onReturn ? (
-        <LeftOutlined style={{ fontSize: 22, cursor: 'pointer' }} />
+        <LeftOutlined
+          style={{ fontSize: 36, cursor: 'pointer', marginRight: '40px' }}
+        />
       ) : (
         <span className={styles.titleBar} />
       )}

+ 2 - 2
src/components/PageTitle/index.less

@@ -9,8 +9,8 @@
   float: left;
 }
 .title {
-  font-size: 26px;
+  font-size: 36px;
   font-weight: 400;
   color: #000000;
-  padding-left: 14px;
+  line-height: 50px;
 }

+ 10 - 9
src/pages/DeviceManager/index.js

@@ -356,19 +356,20 @@ const SparePart = ({ data, loading, projectId }) => {
         <img className={styles.img} src={img} />
         <div>
           <div className={styles.num}>{data?.on_amount || 0}</div>
-          <div>在库数量(个)</div>
+          <div className={styles.text}>在库数量(个)</div>
         </div>
         <img className={styles.rightIcon} src={chartIcon} />
       </div>
       {list.map((item) => (
-        <div className="card-box" onClick={() => changePage(item.type)}>
-          <div className={styles.cardItem}>
-            <span>{item.title}</span>
-            <Space>
-              <span>{item.num}个</span>
-              <RightOutlined />
-            </Space>
-          </div>
+        <div
+          className={`card-box ${styles.cardItem}`}
+          onClick={() => changePage(item.type)}
+        >
+          <span className={styles.spareText}>{item.title}</span>
+          <Space size={30}>
+            <span className={styles.spareText}>{item.num}个</span>
+            <RightOutlined style={{ fontSize: '28px' }} />
+          </Space>
         </div>
       ))}
     </Space>

+ 9 - 1
src/pages/DeviceManager/index.less

@@ -26,6 +26,7 @@
     line-height: 38px;
   }
   .rightIcon {
+    width: 44px;
     position: absolute;
     right: 20px;
     top: 20px;
@@ -45,7 +46,7 @@
   text-align: center;
   .cardItem {
     display: flex;
-    padding: 10px;
+    padding: 36px;
     justify-content: space-between;
     align-items: center;
   }
@@ -78,6 +79,13 @@
     color: #4a90e2;
   }
 
+  .spareText {
+    font-size: 28px;
+    font-weight: 500;
+    color: #4a4a4a;
+    line-height: 38px;
+  }
+
   :global {
     .ant-collapse > .ant-collapse-item > .ant-collapse-header {
       padding: 36px;

+ 5 - 4
src/pages/SafetyManagement/index.less

@@ -57,11 +57,12 @@
   .titleContent {
     position: relative;
     display: flex;
-    justify-content: space-between;
+    // justify-content: space-between;
     align-items: center;
-    padding: 48px 212px 28px 104px;
+    padding: 48px 0 28px 104px;
     .titleLeft {
       display: flex;
+      margin-right: 96px;
       .textCon {
         text-align: center;
         margin: auto;
@@ -84,11 +85,11 @@
         display: flex;
         align-items: center;
         margin-top: 32px;
-        margin-left: 48px;
+        margin-left: 30px;
         .img {
           width: 154px;
           // height: 130px;
-          margin-right: 40px;
+          margin-right: 20px;
         }
         .textCon {
           text-align: center;