feat: 版本升级

hocgin · Dec 28, 2021 · aa7bc8c · aa7bc8c
1 parent fd7a417
commit aa7bc8c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/src/components/TextItem/index.less b/src/components/TextItem/index.less
@@ -4,11 +4,16 @@
   display: inline-block;
   transition: all 2s;
   text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+
   .value {
     color: rgb(var(--textValueColor));
     font-weight: 500;
     font-size: 1.1em;
   }
+
   .title {
     color: rgba(var(--smallTextColor), .8);
     font-size: .45em;

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
@@ -126,12 +126,12 @@ class index extends React.Component {
                     <Row gutter={16} className={styles.row}>
                       <Col span={6} className={styles.rowCol}><TextItem value={`${realtime.ultraviolet.desc}`} title={'紫外线'}/></Col>
                       <Col span={6} className={styles.rowCol}><TextItem value={`${realtime.comfort.desc}`} title={'舒适度'}/></Col>
-                      <Col span={6} className={styles.rowCol}><TextItem value={`${aqi.text}`} sub={realtime.aqi} title={'AQI'}/></Col>
+                      <Col span={6} className={styles.rowCol}><TextItem value={realtime.aqi} sub={`${aqi.text}`} title={'AQI'}/></Col>
                       <Col span={6} className={styles.rowCol}><TextItem value={`${Util.toPercent(realtime.humidity)}`} sub={`%`} title={'相对湿度'}/></Col>
                     </Row>
                     <Row gutter={16} className={styles.row}>
                       <Col span={6} className={styles.rowCol}><TextItem value={`${realtime.visibility}`} sub={`km`} title={'能见度'}/></Col>
-                      <Col span={6} className={styles.rowCol}><TextItem value={`${realtime.cloudrate}`} title={'云量'}/></Col>
+                      <Col span={6} className={styles.rowCol}><TextItem value={`${Util.toPercent(realtime.cloudrate)}`} sub={`%`} title={'云量'}/></Col>
                       <Col span={6} className={styles.rowCol}><TextItem value={`${realtime.wind.speed}`} sub={`m/h`}
                                               title={<div>风
                                                 <Icon type="arrow-up" style={{

diff --git a/src/util/util.js b/src/util/util.js
@@ -259,12 +259,16 @@ export default class Util {
 
   static toPercent(point) {
     try {
-      let str = Number(point * 100).toFixed(2);
-      str += "%";
-      return str;
-
+      return Number(point * 100).toFixed(0);
     } catch (e) {
       return point;
     }
   }
+
+  static toText(str, maxLen) {
+    if (`${str}`.length <= maxLen) {
+      return str;
+    }
+    return str.substr(0, maxLen);
+  }
 }