| | |
| | | import React from 'react' |
| | | import { useDrag, useDrop } from 'react-dnd' |
| | | import { Icon, Popover, Form } from 'antd' |
| | | import { Slider } from 'antd-mobile' |
| | | import moment from 'moment' |
| | | |
| | | import asyncComponent from '@/utils/asyncComponent' |
| | |
| | | </div> |
| | | </div>) |
| | | } else if (card.type === 'range') { |
| | | let value = [(card.minValue || 0), (card.maxValue || 20)] |
| | | if (card.initval) { |
| | | value = card.initval.split(',') |
| | | value = [+value[0], +value[1]] |
| | | } |
| | | formItem = (<div className="am-list-item slider"> |
| | | <div className="am-list-line"> |
| | | {card.labelShow !== 'false' ? <div className="am-input-label">{card.label}</div> : null} |
| | | <div className="am-input-control"> |
| | | <Slider |
| | | min={card.minValue || 0} |
| | | max={card.maxValue || 20} |
| | | range={true} |
| | | value={value} |
| | | /> |
| | | <div className="adm-slider"> |
| | | <div className="adm-slider-track-container"> |
| | | <div className="adm-slider-track"> |
| | | <div className="adm-slider-fill" style={{width: '44%', left: '13%'}}></div> |
| | | <div className="adm-slider-thumb-container" style={{left: '13%', right: 'auto'}}> |
| | | <div className="adm-slider-thumb"></div> |
| | | </div> |
| | | <div className="adm-slider-thumb-container" style={{left: '58%', right: 'auto'}}> |
| | | <div className="adm-slider-thumb"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div>) |