本页出处
设计风格资料库
内容来自 luckymaomi 的 UI 风格库(复刻版),以 MIT 许可 提供。本站镜像收录,仅作学习参考;这一页的原始地址是 原站页面。
← 回到导览访问原站仓库
返回配方目录
Split Screen

分屏布局组件配方

font-semibold transition-colors duration-200 bg-black text-white hover:bg-zinc-800 active:bg-zinc-900
button

按钮

High contrast button for split screen layouts with bold styling

基础骨架
font-semibold transition-colors duration-200
变体
主要、次要、轮廓
状态
hover、active、disabled
card

卡片

Split panel content card with generous padding and vertical centering

基础骨架
flex flex-col justify-center transition-all duration-200
变体
默认、深色、强调
状态
hover
input

输入框

Minimal underline input for split screen forms

基础骨架
w-full bg-transparent border-2 border-zinc-300 text-lg placeholder:text-zinc-400 focus:outline-none transition-colors duration-200
变体
默认、深色
状态
focus、disabled