样式优化

src/factory/components/Scene/index.jsx

@@ -51,7 +51,7 @@ const Scene = ({ zoneId }) => {
           sceneList.map((scene, index) => {
             return <div className="scene-item" key={index}>
               <h3>{scene.name}</h3>
-              <p>{scene.summary}</p>
+              <p title={ scene.summary }>{scene.summary}</p>
               <Link to={`/softwareFactory/scene/${ scene.id }`}>
                 <span>查看详情</span>
                 <KFIcon type="icon-icon_blackarrow_hover" font={40} />

src/factory/components/Scene/index.scss

@@ -34,6 +34,10 @@
         font-family: alibabareg;
         color: #091221;
         font-size: 16px;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
       }
 
       a {

src/factory/scene/index.jsx

@@ -54,7 +54,7 @@ function Index(props) {
         <div className="header-content">
           <img className="scene-icon" src={sceneIcon} alt="" />
           <h3>{detail.name}</h3>
-          <p>{detail.summary}</p>
+          <p title={ detail.summary } >{detail.summary}</p>
           <div className="header-img">
             <div className="header-img-wrapper">
               <img src={detail.headImg || imageBack1} alt="" />

src/factory/scene/index.scss

@@ -41,6 +41,10 @@
         font-family: alibabareg;
         color: #091221;
         font-size: 16px;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
       }
 
       .header-img {