@skiyee/uni-ui
Version:
一个由原子化CSS驱动、符合直觉设计、高度定制化、面向AI时代的移动端 UI 库,助力开发者打造独特且差异化的移动端应用程序
8 lines • 1.53 kB
JavaScript
//! @unocss-include
/**
* @skiyee/uni-ui v1.0.0
* @author skiyee(https://github.com/skiyee)
* @license Apache License 2.0
* @copyright 2025-present skiyee All rights reserved.
**/
import{ucv as e}from"@skiyee/ucv";const t=e({element:{root:`relative w-full select-none touch-none`,value:`w-full flex-center text-primary sk-unit:mb-8`,track:`relative box-border w-full bg-muted rounded-full sk-element:(sk-unit:my-6 border-x-(20rpx solid transparent) border-l-current)`,fill:`absolute top-0 left-0 h-full`,mark:`absolute top-full sk-unit:mt-8 text-secondary transform -translate-x-1/2`,thumb:`absolute position-center border-2 border-solid rounded-full shadow-small cursor-pointer`},variants:{size:{small:{value:`text-sup-medium`,track:`sk-unit:h-7`,thumb:`sk-unit:size-14`},medium:{value:`text-sup-large-lt`,track:`sk-unit:h-8`,thumb:`sk-unit:size-16`},large:{value:`text-sup-large`,track:`sk-unit:h-9`,thumb:`sk-unit:size-18`}},color:{brand:{track:`text-brand`,fill:`bg-brand`,thumb:`border-brand bg-brand-foreground`},success:{track:`text-success`,fill:`bg-success`,thumb:`border-success bg-success-foreground`},warning:{track:`text-warning`,fill:`bg-warning`,thumb:`border-warning bg-warning-foreground`},danger:{track:`text-danger`,fill:`bg-danger`,thumb:`border-danger bg-danger-foreground`},neutral:{track:`text-neutral`,fill:`bg-neutral`,thumb:`border-neutral bg-neutral-foreground`}},disabled:{true:{root:`opacity-60 pointer-events-none`}}},defaults:{size:`medium`,color:`brand`,disabled:!1}});export{t as SkSliderUcv};