소스 검색

style: 时间选择公共样式

ZhaoJun 1 년 전
부모
커밋
37249dc265
4개의 변경된 파일37개의 추가작업 그리고 11개의 파일을 삭제
  1. 28 1
      src/global.less
  2. 0 1
      src/pages/SmartOps/ChartPage.js
  3. 7 2
      src/pages/SmartOps/OperationRecord.js
  4. 2 7
      src/pages/SmartOps/index.less

+ 28 - 1
src/global.less

@@ -73,8 +73,9 @@ body {
   .ant-select-dropdown .ant-select-item {
     font-size: 0.26rem;
   }
+
   .ant-picker-dropdown {
-    font-size: 0.24rem;
+    font-size: 0.2rem;
   }
   .ant-picker-dropdown .ant-picker-content td {
     width: 0.3rem;
@@ -87,6 +88,32 @@ body {
     height: 0.3rem;
     line-height: 0.3rem;
   }
+  .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content {
+    width: 2.52rem;
+  }
+  .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {
+    width: 0.36rem;
+  }
+  .ant-picker-dropdown .ant-picker-content th {
+    height: 0.36rem;
+  }
+  .ant-picker-dropdown .ant-picker-content th,
+  .ant-picker-dropdown .ant-picker-content td {
+    min-width: 0.24rem;
+  }
+  .ant-picker-dropdown .ant-picker-cell {
+    padding: 0.06rem 0;
+  }
+
+  .ant-picker-dropdown .ant-picker-decade-panel,
+  .ant-picker-dropdown .ant-picker-year-panel,
+  .ant-picker-dropdown .ant-picker-quarter-panel,
+  .ant-picker-dropdown .ant-picker-month-panel,
+  .ant-picker-dropdown .ant-picker-week-panel,
+  .ant-picker-dropdown .ant-picker-date-panel,
+  .ant-picker-dropdown .ant-picker-time-panel {
+    width: 3.5rem;
+  }
 }
 
 // Remove list styles on ul, ol

+ 0 - 1
src/pages/SmartOps/ChartPage.js

@@ -172,7 +172,6 @@ const ChartPage = (props) => {
         <div className={styles.form}>
           <Form.Item style={{ marginBottom: 0 }}>
             <RangePicker
-              dropdownClassName={styles.formDropDown}
               value={timeRange}
               showTime={false}
               inputReadOnly

+ 7 - 2
src/pages/SmartOps/OperationRecord.js

@@ -248,11 +248,16 @@ const OperationRecord = (props) => {
         </Select>
         <Button
           className={styles.marginLeft}
-          style={{ height: '0.4rem' }}
+          style={{
+            height: '0.44rem',
+            display: 'flex',
+            // justifyContent: 'center',
+            alignItems: 'center',
+          }}
           type="primary"
           onClick={() => handleSearch()}
         >
-          查询
+          <div>查询</div>
         </Button>
       </div>
       <ScrollLoading

+ 2 - 7
src/pages/SmartOps/index.less

@@ -164,7 +164,7 @@
   width: 100%;
   :global {
     .ant-select {
-      margin: 0 0.25rem 0 0.1rem;
+      margin: 0 0.1rem 0 0.1rem;
     }
     .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
       height: 0.48rem;
@@ -179,9 +179,8 @@
   }
 }
 .timePicker {
-  // background-color: #284e83;
-  // width: 10rem;
   :global {
+    padding: 0.02rem 0.11rem 0.02rem;
     .ant-picker-input {
       min-width: 1rem;
     }
@@ -196,10 +195,6 @@
   justify-content: space-between;
 
   :global {
-    .ant-picker {
-      font-size: 0.18rem;
-      padding: 0.06rem 0.2rem;
-    }
     .ant-form-item {
       line-height: normal;
       .ant-form-item-control-input {