当前位置: 首页 > 文档资料 > BUI-Weex 开发手册 >

开发手册 - 面板(bui-panel)

优质
小牛编辑
133浏览
2023-12-01

面板 (bui-panel)

面板(bui-panel) - 图1   面板(bui-panel) - 图2

用法

  1. <bui-panel title="Default Panel"><text>Default Panel</text></bui-panel>
  2. <bui-panel title="Primary Panel" type="primary" border="1"><text>Primary Panel</text></bui-panel>

填充slot

  1. <bui-panel title="Default Panel" border="1">
  2. <text>Default Panel</text>
  3. <text>Default Panel</text>
  4. <text>Default Panel</text>
  5. <text>Default Panel</text>
  6. </bui-panel>

Example:bui-panel

属性

PropTypeRequiredDefaultDescription
typestringNdefault面板风格 default/primary/success/info/warning/danger
titlestringN面板标题
paddingBodynumberN20body补白
paddingHeadnumberN20header补白
bordernumberN0边框宽度