github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge 5d35f52968 into 27acc9a80e

pull/8171/merge
ayangweb 2025-06-13 18:27:29 +08:00 committed by GitHub
parent 27acc9a80e 5d35f52968
commit 58c64f213c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/vc-slider/src/common/Marks.tsx
View File

@ -40,7 +40,8 @@ const Marks = (_: any, { attrs, slots }: any) => {
});
const bottomStyle = {
marginBottom: '-50%',
transform: `translateY(${reverse ? `-50%` : `50%`})`,
msTransform: `translateY(${reverse ? `-50%` : `50%`})`,
[reverse ? 'top' : 'bottom']: `${((point - min) / range) * 100}%`,
};

14
components/vc-slider/src/common/Steps.tsx
View File

@ -53,8 +53,18 @@ const Steps = (_: any, { attrs }) => {
(!included && point === upperBound) ||
(included && point <= upperBound && point >= lowerBound);
let style = vertical
? { ...dotStyle, [reverse ? 'top' : 'bottom']: offset }
: { ...dotStyle, [reverse ? 'right' : 'left']: offset };
? {
...dotStyle,
[reverse ? 'top' : 'bottom']: offset,
transform: `translateY(${reverse ? '-50%' : '50%'})`,
msTransform: `translateY(${reverse ? '-50%' : '50%'})`,
}
: {
...dotStyle,
[reverse ? 'right' : 'left']: offset,
transform: `translateX(${reverse ? '50%' : '-50%'})`,
msTransform: `translateX(${reverse ? '50%' : '-50%'})`,
};
if (isActived) {
style = { ...style, ...activeDotStyle };
}