按钮与交互组件验证页(Nuxt UI)

该页面使用 Nuxt UI 组件还原设计稿中的按钮与下拉交互,用于验证 `app/assets/css/tailwind.css` 和 `app/app.config.ts` 全局样式配置是否符合预期。

常态

鼠标经过

鼠标点击

选中态

文字按钮

标签按钮

圆形图标按钮

小图标按钮

灰底图标按钮

主按钮

细边按钮

操作按钮

积分操作按钮

深色 CTA

胶囊按钮

上传图标按钮

文字链接按钮

语言切换按钮

下拉弹层

图片 Hover 卡片

Nuxt UI 基线验证

这组故意减少自定义样式,主要观察 `app.config.ts` 为 Nuxt UI 组件注入的默认圆角、边框、阴影和交互态是否正确。

UButton(默认)

UInput(默认)

USelectMenu(默认)