Browse Source

feat:处理轮播卡片内容溢出

dev
zhaobing 1 year ago
parent
commit
c453503250
  1. 7
      web/client/src/sections/quanju/containers/footer/guanli/index.js

7
web/client/src/sections/quanju/containers/footer/guanli/index.js

@ -10,6 +10,7 @@ import { getjiandmanage, getjiandetail } from '../../../actions/example'
import { getRoadadministration } from '../../../../fillion/actions/luzheng'
import './style.less'
import NoData from '../../public/noData';
import { stubString } from 'lodash';
const Guanli = (props) => {
const { dispatch } = props
const [leftDatas, setleftDatas] = useState([])
@ -164,14 +165,16 @@ const Guanli = (props) => {
color: "#EEF4FF", marginLeft: "10px", fontFamily: " PingFangSC-Medium, PingFang SC",
overflow: 'hidden', whiteSpace: "nowrap", textOverflow: "ellipsis", display: 'inline-block', width: 160
}}>
{roadname}
{roadname.length > 2 ? <Tooltip title={roadname}>{roadname.substring(0, 5) + '...'} </Tooltip> : roadname}
</span></p>
<p style={{ whiteSpace: "nowrap", color: "rgba(216,240,255,0.8)", fontSize: "14px", fontFamily: "PingFangSC-Regular, PingFang SC", display: "flex" }}>
执法成果:<span title={enforcementreslt} style={{
color: "#EEF4FF", marginLeft: "10px", fontFamily: " PingFangSC-Medium, PingFang SC",
overflow: 'hidden', whiteSpace: "nowrap", textOverflow: "ellipsis", display: 'inline-block', width: 160
}}>
{enforcementreslt}</span></p>
{enforcementreslt.length > 2 ? <Tooltip title={enforcementreslt}><span>{enforcementreslt.substring(0, 5) + '...'}</span> </Tooltip> : enforcementreslt}
</span></p>
</div>
</div>

Loading…
Cancel
Save