From 9ee3d1f9a09a865188baffdffb85f6ad329c7b09 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期日, 19 十二月 2021 01:09:20 +0800 Subject: [PATCH] 2021-12-19 --- src/mob/searchconfig/searchdragelement/card.jsx | 25 +++++++++++++------------ 1 files changed, 13 insertions(+), 12 deletions(-) diff --git a/src/mob/searchconfig/searchdragelement/card.jsx b/src/mob/searchconfig/searchdragelement/card.jsx index 7441342..8e81a4e 100644 --- a/src/mob/searchconfig/searchdragelement/card.jsx +++ b/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>) -- Gitblit v1.8.0