@layui/layui-vue
Version:
a component library for Vue 3 base on layui-vue
2 lines (1 loc) • 1.07 kB
CSS
.layui-segmented{display:flex}.layui-segmented-disabled{opacity:.6}.layui-segmented .layui-segmented-item-radio{visibility:collapse;width:0;height:0;position:absolute}.layui-segmented-container{background-color:#f0f0f0;border-radius:4px;display:flex;align-items:center;padding:4px;position:relative;z-index:0}.layui-segmented-size-md .layui-segmented-item{padding:4px 14px;font-size:14px}.layui-segmented-size-sm .layui-segmented-item{padding:2px 12px;font-size:12px}.layui-segmented-size-lg .layui-segmented-item{padding:6px 16px;font-size:16px}.layui-segmented-item{border-radius:4px}.layui-segmented-item-slot{-webkit-user-select:none;user-select:none;pointer-events:none}.layui-segmented-item-label{display:block;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.layui-segmented-indicator{transition:all .25s cubic-bezier(.35,1,.35,1) 0s;position:absolute;border-radius:4px;background-color:#fff;z-index:-1;pointer-events:none}.layui-segmented-indicator{top:var(--33bcd1fd);width:var(--37f7b46e);height:var(--a5a04102);left:var(--43d9a45f)}