凌云UI 使用手册
接入
组件
图表
页面
  • 总览
  • 组件 1.0.42
  • 图表 1.0.27
  • 页面包 1.0.3
GitHub
接入
组件
图表
页面
  • 总览
  • 组件 1.0.42
  • 图表 1.0.27
  • 页面包 1.0.3
GitHub
  • 组件

    • 目录
  • 页面与导航

    • 页面壳
    • 窄屏
    • 平板与电脑
    • 宽屏目录
    • 顶栏
    • 主题切换
    • 底栏
    • 搜索栏
    • 侧栏浮层
  • 基础控件

    • 布局
    • 按钮
    • 图标
    • 角标
    • 分段控件
    • 标签
    • 筛选胶囊
    • 文本
    • 图片
    • 头像
    • 分页点
  • 表单

    • 输入框
    • 表单
    • 表单分组
    • 表单行
    • 开关
    • 步进器
    • 日期切换器
    • 复选框
    • 单选
    • 单选组
    • 多选列表
    • 单选列表
    • 滑条
    • 选择器
    • 日期选择器
    • 级联选择
  • 列表与内容

    • 列表
    • 列表行
    • 分组卡片
    • 表格
    • 滑动容器
    • 滑动行
    • 空状态
    • 骨架屏
    • 下拉刷新
    • 宫格
    • 索引列表
  • 反馈

    • 加载转圈
    • 进度
    • 轻提示
    • 加载遮罩
    • 反馈宿主
  • 浮层

    • 弹窗
    • 底部面板
    • 操作列表
    • 分享面板
    • 气泡
    • 菜单
    • 上下文菜单
    • 悬浮按钮
    • 商品导航

lingyun-theme-action

工具栏内置主题切换按钮。点击弹出「浅色 / 暗黑 / 自动」菜单,视觉与 lingyun-menu 一致。示例见 demo pages/demo/toolbars 和任意开启全局主题钮的页面。

示例

<lingyun-toolbars :fixed="true">
  <template #trailing>
    <lingyun-theme-action />
  </template>
</lingyun-toolbars>

也由 lingyun-toolbars 自动加入右侧按钮组:调用 setLingyunThemeSwitchVisible(true) 后,页面级固定顶栏会显示主题钮。页面只想隐藏当前页的主题钮时,用 lingyun-app-page 的 show-theme-switch="false",不要修改全局状态。

属性

属性说明默认值
grouped分组模式:不画自身玻璃底,由外层按钮组提供胶囊false
iconSize图标尺寸(px)20
anchor菜单锚点 { top, left, width, height };按钮组隐藏时由工具栏传入整组右上角null

事件

事件说明
menu-open主题菜单打开
menu-closed主题菜单退场完成

主题切换逻辑走 useLingyunTheme(),选择后写入 light / dark / system 偏好。

Edit this page
最近更新: 2026/11/6 19:54
Contributors: qiu, Claude Fable 5
Prev
顶栏
Next
底栏