king
2021-12-19 9ee3d1f9a09a865188baffdffb85f6ad329c7b09
src/mob/searchconfig/searchdragelement/card.jsx
@@ -1,7 +1,6 @@
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'
@@ -63,21 +62,23 @@
      </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>)