凌云UI 使用手册
接入
组件
GitHub
接入
组件
GitHub
  • 开始

    • 接入
    • 反馈
  • 页面与导航

    • 页面壳
    • 宽屏目录
    • 顶栏
    • 底栏
    • 搜索栏
    • 侧栏浮层
  • 基础控件

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

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

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

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

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

lingyun-list-item

列表中的一行。右侧可以是文字、箭头、开关、步进器或滑条。

示例

<lingyun-list-item title="标题" note="副标题" />
<lingyun-list-item title="详情" detail="内容" accessory="disclosure" @click="open" />
<lingyun-list-item title="开关" accessory="toggle" v-model:switch-checked="on" />
<lingyun-list-item title="数量" accessory="stepper" v-model:stepper-value="n" />

属性

属性说明默认值
title主标题—
note / subtitle副标题—
detail右侧文字—
thumb左侧图片—
accessorydisclosure 箭头、toggle 开关、stepper、slider—
clickable整行可点—
disabled禁用false
switchChecked开关值,配 accessory="toggle"—
stepperValue / stepperMin / stepperMax步进器—
sliderValue滑条值,配 accessory="slider"—

事件

事件说明
click点击行
update:switchChecked开关变化
update:stepperValue步进变化
update:sliderValue滑条变化
Edit this page
最近更新: 2026/9/21 12:35
Contributors: qiu
Prev
列表
Next
分组卡片