Theme 主题容器
用于设置页面或卡片的主题背景、圆角和间距,支持自定义样式。
基础用法
<zk-theme type="page">页面背景</zk-theme>
<zk-theme type="card">卡片背景</zk-theme>
<zk-theme type="card1">卡片背景1</zk-theme>
自定义样式
<zk-theme
type="card"
background="#f0f9eb"
:radius="8"
:padding="16"
:margin="16"
>
自定义样式的卡片
</zk-theme>
API
Props 属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 背景类型,可选值:page / card / card1 | string | page |
background | 自定义背景色 | string | '' |
radius | 圆角大小,单位rpx | string / number | 0 |
padding | 内边距,单位rpx | string / number | 0 |
margin | 外边距,单位rpx | string / number | 0 |
平台差异说明
- 在非APP-NVUE平台,page类型会自动设置最小高度为100vh
- 在APP-NVUE平台,page类型会自动计算并补充底部高度,以确保内容铺满全屏