App

为窗口建立主题与组件环境。

实时预览

正在加载预览…

参数配置

全部字段 3

AppConfig

Theme
MotionTokens
ShadowTokens
Palettes
列表项 · 11
列表项 · 11
列表项 · 11
列表项 · 11
列表项 · 11
列表项 · 11
列表项 · 11
Theme
MotionTokens
ShadowTokens
Palettes
列表项 · 11
列表项 · 11
列表项 · 11
列表项 · 11
列表项 · 11
列表项 · 11
列表项 · 11

Go 代码

Go
// Inside a view; c is *ui.Context, t is nui.Theme.
nui.Card(c.Key("card"), t, nui.CardOptions{Title: "NuxtUI Go", Description: "Window theme and component defaults"}, func() {
	nui.Button(c.Key("save"), t, "Save changes", nui.ButtonOptions{AccessibleLabel: cmp.Or("Save changes", "Example action"), Color: nui.ColorDefault})
})

使用说明

在窗口视图中先调用 nui.App，取得供子组件使用的主题。这里用 Card 和 Button 展示同一主题下的组合；完整示例包含语言、色板和窗口初始化。

API 参考

App

源码 
func App(c *ui.Context, config AppConfig) Theme

DefaultApp

源码 
func DefaultApp() AppConfig

AppConfig

源码 
type AppConfig struct {
	Mode        Mode
	Light, Dark Theme
}
字段类型说明
ModeMode

Go 零值: zero value

组件行为模式或主题明暗模式。

LightTheme

Go 零值: zero value

浅色主题快照。

DarkTheme

Go 零值: zero value

深色主题快照或深色模式标志。