Components.Subheaders.
商店
企业版
生态系统
支持
介绍
入门指南
定制
样式和动画
UI 组件
API explorer(API 概览)
Browse components(浏览组件)
Alerts(提示框)
Application(应用程序)
Aspect ratios(长宽比)
Avatars(头像)
Badges(徽章)
Banners(横幅)
Bars(栏)
Bottom navigation(底部导航栏)
Bottom sheets(底部表单)
Breadcrumbs(面包屑导航)
Buttons(按钮)
Buttons: Floating action buttons(按钮:浮动按钮)
Calendars(日历)
Cards(卡片)
Carousels(轮播)
Chips(纸片)
Dialogs(对话框)
Dividers(分隔线)
Expansion panels(扩展面板)
Footer(页脚)
Form inputs & controls(表单和控制)
Grids(栅格)
Groups(组)
Hover(悬停)
Icons(图标)
Images(图像)
Lazy(懒加载)
Lists(列表)
Menus(菜单)
Navigation drawers(导航抽屉)
Overlays(遮罩层)
Paginations(分页)
Parallax(视差)
Pickers(选择器)
Progress(进度条)
Ratings(评分)
Sheets(延展纸)
Skeleton Loaders(骨架装载器)
Snackbars(消息条)
Sparklines(迷你图表)
Steppers(步骤条)
Subheaders(副标题)
Tables(表格)
Tabs(选项卡)
Timelines(时间线)
Tooltips(提示)
Treeview(树形视图)
Virtual scrollers
Directives(指令)
专业支持
付费主题
Vue 工作
v-subheader 组件用于分隔列表的各个部分。
v-subheader
最简单形式的副标题显示带有默认主题的副标题。
从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。
将暗色主题变量应用到组件。你可以在 dark themes 的 Material Design 文档中找到更多有关信息。
添加缩进(72px)
为组件设置浅色主题。
默认Vue 插槽。
56px !default;
48px !default;
16px !default;
下面是一些简单到复杂的例子。
内嵌副标题向右移动 72px。 这使您可以选择将它们与列表项和插入分隔符对齐。
一个副标题可以添加上下文到用户正在看的东西。
使用副标题可以帮助分离不同类型的操作。
在社交媒体互动中使用子标题。
想要了解更多?继续阅读:
在此页面上