slider 相关问题

GUI中的图形小部件，用户可通过移动指示符来设置值。

如何制作一堆垂直滑块？

我正在尝试在 iPad 应用程序上使用 SwiftUI 创建一组垂直推子（测试代码中为 10 个，但实际为 32 个）。水平制作滑块时，它们会在屏幕上正确拉伸。当

swift swiftui slider

回答 4 投票 0

如何在swiftUI中制作一堆垂直滑块

我正在尝试在 iPad 应用程序上使用 SwiftUI 创建一组垂直推子（测试代码中为 10 个，但实际为 32 个）。水平制作滑块时，它们会在屏幕上正确拉伸。当

swift xcode slider swiftui

回答 4 投票 0

无法为 FluentSliderLabels 循环初始化标记

我对 Blazor 有点陌生，在我的一个 .razor 文件中，我有一个 FluentSlider，我希望其范围为 0 到 255，刻度以 32 递增（我希望它能够加 1，只是...

asp.net-core for-loop blazor slider markup

回答 1 投票 0

滑动滑块不适用于 foreach 循环数据

我使用滑动滑块来显示 foreach 循环上的数据。但它只显示循环的第一个数据，其他数据不显示或滑动。在检查中我得到了循环的数据，但是......

javascript html css slider

回答 1 投票 0

如何在flutter中放大carouselslider？

我有一个返回轮播滑块的小部件，我想缩放和捏合图像这是我的代码：小部件 myPicture() { 列表项目= []; for (var i in widget.product.imageUrlList)...

flutter dart slider flutter-slider

回答 3 投票 0

在移动屏幕上使用 Splide 滑块和在较大屏幕上使用 Flexbox 布局时出现问题

我使用 SplideJS 作为滑块，在重新设计中，我希望滑块仅在移动设备上显示，并在较大的屏幕上使用 Flexbox 布局。用断点破坏滑块很容易，p...

javascript slider carousel splidejs

回答 1 投票 0

DevTools 无法在 Elementor 中加载 swiper-bundle.min.js.map 的源映射

对于我的 WordPress 网站，我正在使用 Elementor 插件，但我的一个滑块无法正常工作。当我打开 Chrome DevTools 时收到以下错误消息： “DevTools 无法...

wordpress slider swiper.js elementor

回答 1 投票 0

滑块仅适用于第一项，需要“EachFor”元素

我有以下滑块代码： const Slides = document.querySelector('.slides'); const Slideshow = new Slideshow(幻灯片); document.querySelector('.slides-nav__item--prev').addEventListener('

javascript jquery slider

回答 1 投票 0

如何使用滑块更改原始图像透明度

如何在没有材质渲染的情况下更改原始图像的透明度？我正在尝试创建用于图像跟踪的应用程序。我使用 Nature Gallery 脚本将图像从 Gallery 上传到 RawImage。我做的

unity-game-engine user-interface slider transparency rawimage

回答 1 投票 0

如何使用 Tailwind CSS 更改输入范围滑块的颜色？

祝您度过愉快的一天，我目前正在尝试将一些颜色应用于简单的滑块范围。祝您度过愉快的一天，我目前正在尝试将一些颜色应用于简单的滑块范围。 <Input class="range pr-6 bg-red-500" type="range" value="0" min="0" max="1000" onChange="rangeSlide(this.value)" onmousemove="rangeSlide(this.value)"></Input> 像这样改变颜色根本不起作用，我也尝试过文本和边框类。我做了一些研究，并假设我应该使用它来更改滑块：-webkit-slider-thumb 像这样： .range::-webkit-slider-thumb { background: #00fd0a; } 但是我希望只使用顺风而不应用纯CSS样式。如果有人能给我任何见解，我将非常感激。这对我有用，使用accent-<color>-<number>： <Input class="range pr-6 accent-red-500" type="range" value="0" min="0" max="1000" onChange="rangeSlide(this.value)" onmousemove="rangeSlide(this.value)"></Input> 此外，如果有人经过并需要更多信息，请链接到文档：https://tailwindcss.com/docs/accent-color 还发现了这个方法： <input type="range" class="appearance-none bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[50px] [&::-webkit-slider-thumb]:w-[50px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-purple-500" /> 与 Nathan Gilson 的方法类似，您可以利用 CSS 中的 @apply 指令来实现外观简洁的 HTML 元素。这也将使编辑具有相同类的任何其他元素变得容易。 HTML： <input type="range" class="appearance-none bg-transparent slider"> CSS： .slider { @apply [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-slate-50; } 上面的代码创建了一个看起来像的滑块

range slider tailwind-css

回答 3 投票 0

Mui 滑块 - 自定义标记

大家好，我在 Mui Slider 及其标记中遇到过这个问题。如果您查看屏幕截图，我想向第一个标记（白点）添加一些填充/边距（即 8px），l...

reactjs material-ui slider

回答 1 投票 0

Swiper.js 将幻灯片移出视口/页面

我在 Swiper.js 上遇到了困难。我想要具有自动播放功能的循环滑动器，肯燃烧效果（从中心放大）并淡入下一个。我已经编码了所有内容，但我的每张幻灯片都在 X 上变换...

plugins slider swiper.js

回答 1 投票 0

带有工具提示实现的 MAUI 滑块

我正在尝试实现一个带有显示当前值的工具提示的滑块。这个想法是制作类似 HTML + JS 的带有值气泡的东西（https://css-tricks.com/value-bubbles-for-range-inputs/）。 ...