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>

img

属性

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

使用效果示例

disabledreadonly

<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>

img

条与 "" 相匹配的结果

    没有与 "" 匹配的结果