| | |
| | | import './index.scss' |
| | | |
| | | const CardItem = asyncComponent(() => import('../cardItem')) |
| | | const NormalHeader = asyncComponent(() => import('@/tabviews/custom/components/share/normalheader')) |
| | | |
| | | class PropCard extends Component { |
| | | static propTpyes = { |
| | |
| | | }) |
| | | |
| | | _config.subcards.forEach(card => { |
| | | card.style.height = _config.style.height |
| | | card.style.height = _config.wrap.height |
| | | if (card.setting.click) { |
| | | card.style.cursor = 'pointer' |
| | | } |
| | |
| | | return item |
| | | }) |
| | | }) |
| | | |
| | | _config.style.height = 'auto' |
| | | |
| | | _config.wrap.speed = (_config.wrap.speed || 3) * 1000 |
| | | |
| | |
| | | destroyOnClose |
| | | > |
| | | <div className="custom-prop-carousel-box" style={config.style}> |
| | | <NormalHeader config={config}/> |
| | | <div className="carousel-wrap" style={{height: config.wrap.height}}> |
| | | {config.subcards.length > 1 && config.wrap.autoplay === 'false' ? <div className="prev" onClick={() => this.node && this.node.prev()}><LeftOutlined /></div> : null} |
| | | {config.subcards.length > 1 && config.wrap.autoplay === 'false' ? <div className="next" onClick={() => this.node && this.node.next()}><RightOutlined /></div> : null} |
| | | <Carousel |
| | |
| | | </div> |
| | | ))} |
| | | </Carousel> |
| | | </div> |
| | | </div> |
| | | {config.wrap.modalContent !== 'update' ? <div className="mk-footer"> |
| | | <Checkbox defaultChecked={false} onChange={this.onTipChange}>不在提醒</Checkbox> |
| | |
| | | <Spin /> |
| | | </div> : null |
| | | } |
| | | <NormalHeader config={config}/> |
| | | <div className="carousel-wrap" style={{height: config.wrap.height}}> |
| | | <Carousel |
| | | autoplay={config.wrap.autoplay !== 'false'} |
| | | dots={config.wrap.dots !== 'false'} |
| | |
| | | ))} |
| | | </Carousel> |
| | | </div> |
| | | </div> |
| | | ) |
| | | } |
| | | } |