Components.Sheets.
商店
企业版
生态系统
支持
介绍
入门指南
定制
样式和动画
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-sheet 旨在为 Vuetify 中的其他 paper 组件提供支持。 它旨在用作低级组件。
v-sheet
v-sheet 组件是一张可塑的纸,可以变形以方便其他组件。
从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。
将指定的颜色应用于控件 - 它可以是 material color 的名称(例如 success 或者 purple)或 css 颜色 (#033 或 rgba(255, 0, 0, 0.5))。 你可以在 colors page 中找到内置类的列表。
success
purple
#033
rgba(255, 0, 0, 0.5)
将暗色主题变量应用到组件。你可以在 dark themes 的 Material Design 文档中找到更多有关信息。
组件的海拔可接受 0 到 24 之间的值。你可以在 elevation page 浏览更多信息。
设定组件的高度。
为组件设置浅色主题。
设定组件的最大高度。
设定组件的最大宽度。
设定组件的最小高度。
设定组件的最小宽度。
Removes elevation (box-shadow) and adds a thin border.
Designates the border-radius applied to the component. You can find more information on the Border Radius page.
Applies a large border radius on the top left and bottom right of the card.
指定在根元素上使用的自定义标签。
Removes the component's border-radius.
设定组件的宽度。
默认Vue 插槽。
0 !default;
thin !default;
map-get($rounded, 'xl') $sheet-border-radius !default;
下面是一些简单到复杂的例子。
延展纸可以接受 0 到 24 之间的自定义海拔(默认值为 0)。
延展纸可以接受将其设为矩形的 tile 属性(不包含 border-radius)。
tile
border-radius
纸张和基于它们的部件可以有不同的尺寸和颜色。
想要了解更多?继续阅读:
在此页面上