From 0a98c5dab4f2783ff5250cb69715340b40d801bb Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 05 四月 2023 18:23:08 +0800 Subject: [PATCH] 2023-04-05 --- src/tabviews/custom/components/card/cardcellList/index.jsx | 31 +++++++++++++++++++++++++++---- 1 files changed, 27 insertions(+), 4 deletions(-) diff --git a/src/tabviews/custom/components/card/cardcellList/index.jsx b/src/tabviews/custom/components/card/cardcellList/index.jsx index 89cfeaa..979f07b 100644 --- a/src/tabviews/custom/components/card/cardcellList/index.jsx +++ b/src/tabviews/custom/components/card/cardcellList/index.jsx @@ -400,11 +400,18 @@ if (card.bgImage && data[card.bgImage]) { _style.backgroundImage = `url('${data[card.bgImage]}')` } + + let lineStyle = {height: card.innerHeight || 'auto'} + if (card.alignItems) { + lineStyle.display = 'flex' + lineStyle.alignItems = card.alignItems + lineStyle.justifyContent = _style.textAlign || 'left' + } contents.push( <Col key={card.uuid} style={_style_} span={card.width}> <div style={_style} onClick={(e) => {this.openNewView(e, card)}}> - <div className={'ant-mk-text line' + (card.height || '') + className} style={{height: card.innerHeight || 'auto'}}>{val}</div> + <div className={'ant-mk-text line' + (card.height || '') + className} style={lineStyle}>{val}</div> </div> </Col> ) @@ -470,11 +477,18 @@ } className = mark.signType } + + let lineStyle = {height: card.innerHeight || 'auto'} + if (card.alignItems) { + lineStyle.display = 'flex' + lineStyle.alignItems = card.alignItems + lineStyle.justifyContent = _style.textAlign || 'left' + } contents.push( <Col key={card.uuid} style={_style_} span={card.width}> <div style={_style}> - <div className={'ant-mk-text line' + (card.height || '') + className} style={{height: card.innerHeight || 'auto'}}>{val}</div> + <div className={'ant-mk-text line' + (card.height || '') + className} style={lineStyle}>{val}</div> </div> </Col> ) @@ -789,11 +803,18 @@ } className = mark.signType } + + let lineStyle = {height: card.innerHeight || 'auto'} + if (card.alignItems) { + lineStyle.display = 'flex' + lineStyle.alignItems = card.alignItems + lineStyle.justifyContent = _style.textAlign || 'left' + } contents.push( <Col key={card.uuid} style={_style_} span={card.width}> <div style={_style}> - <div className={'ant-mk-text line' + (card.height || '') + className} style={{height: card.innerHeight || 'auto'}}>{val}</div> + <div className={'ant-mk-text line' + (card.height || '') + className} style={lineStyle}>{val}</div> </div> </Col> ) @@ -996,8 +1017,10 @@ } render() { + const { cardCell } = this.props + return ( - <div className="card-cell-list"> + <div className={'card-cell-list ' + (cardCell && cardCell.setting.layout === 'flex' ? 'mk-flex' : '')}> {this.getContent()} </div> ) -- Gitblit v1.8.0