zls

src/pages/building/list/index.jsx

   }
 // src={((data.buildingImg && data.buildingImg[0]) || {}).url}background: `url(${item.caseCoverImg})` style={{ background: `url(((data.buildingImg && data.buildingImg[0]) || {}).url)` }}
   const { buildingImg } = data
-  console.log("buildingImg: ", data.buildingImg, "data: ")
+  console.log("buildingImg1: ", data.buildingImg)
   return (
     <Card
       hoverable
       // cover={}
       // bodyStyle={{ padding: '10px 20px' }}
     >
-    <img className={Styles.cover} style={{ background: `url(${((data.buildingImg && data.buildingImg[0]) || {}).url})` }}   ></img>
+      { console.log("buildingImg2: ", buildingImg)}
+      { console.log("buildingImg[0]: ",buildingImg[0])}
+    <div className={Styles.cover} style={{ background: `url(${((buildingImg && buildingImg[0]) ).url})` }}   ></div>
     <div style={{ padding: '10px 20px' }}>
       <p className={Styles.cardText}>
         <span className={Styles.title}>楼盘编号</span>
-        <span >：{data.code}</span>
+        <span style={{textOverflow: 'ellipsis',  whiteSpace: 'nowrap',  overflow: 'hidden'}}>：{data.code}</span>
         <AuthButton name="admin.building.update.put" noRight={null}>
           <span className={Styles.ediText} onClick={() => toEdi(data)}>
             编辑
       </p>
       <p className={Styles.cardText}>
         <span className={Styles.title}>楼盘名称</span>
-        <span >：{data.buildingName || data.name}</span>
+        <span style={{textOverflow: 'ellipsis',  whiteSpace: 'nowrap',  overflow: 'hidden'}}>：{data.buildingName || data.name}</span>
       </p>
       <p className={Styles.cardItem}>
         <span className={Styles.title}>均价</span>

src/pages/building/list/style.less

   margin-bottom: 0.08rem;
   .title{
     display: inline-block;
-    width: 0.54rem;
-    min-width: 0.54rem;
+    width: 0.58rem;
+  
+    min-width: 0.58rem;
+    justify-content: space-between;
+    text-align: justify;
+    text-align-last:justify
+  }
+  
+}
+.cardText{
+  font-size: 0.106rem;
+  font-weight: 400;
+  color: #666;
+  display: flex;
+  align-items: center;  
+  margin-bottom: 0.08rem;
+  .title{
+    display: inline-block;
+    width: 0.58rem;
+  
+    min-width: 0.58rem;
     justify-content: space-between;
     text-align: justify;
     text-align-last:justify