ui-section 参考

基础用法

<ui-section>
    <!-- ui-section 头部区域 -->
    <div class="header">Normal</div>
    <!-- ui-section 子代内容区域 -->
    <ui-prop name="Name" type="string" value="Foo">
        <ui-input class="flex-1"></ui-input>
    </ui-prop>
</ui-section>

属性

属性名	参数值类型	功能说明
`folded`	boolean	是否折叠
`disabled`	boolean	控制 `disabled` 状态
`readonly`	boolean	控制 `readonly` 状态

使用效果示例

`disabled`、`readonly`

<ui-section>
    <div class="header">Disabled，Readonly</div>
    <ui-section disabled>
        <div class="header">Disabled</div>
        <ui-prop name="Name" type="string" value="Foo">
            <ui-input class="flex-1"></ui-input>
        </ui-prop>
    </ui-section>
    <ui-section readonly>
        <div class="header">Readonly</div>
        <ui-prop name="Name" type="string" value="Foo">
            <ui-input class="flex-1"></ui-input>
        </ui-prop>
    </ui-section>
</ui-section>

条与 "" 相匹配的结果

没有与 "" 匹配的结果