tabs
带滑动穹顶的标签栏
标签栏自身的轮廓会变形:上边缘正好在选中项处隆起成穹顶,而按钮会升起并坐落其中。这个凸起并非圆角伪元素,而是一块同色板材,用以像素绘制、再通过 scale 变换换算回归一化坐标的路径裁切而成。
实时预览并复制提示词可调整的参数
- 背景
- 标签栏颜色
- 选中颜色
- 条形高度
- 选中圆直径
- 标签宽度
目录的使用方式
每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。
tabs
标签栏自身的轮廓会变形:上边缘正好在选中项处隆起成穹顶,而按钮会升起并坐落其中。这个凸起并非圆角伪元素,而是一块同色板材,用以像素绘制、再通过 scale 变换换算回归一化坐标的路径裁切而成。
实时预览并复制提示词每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。