"静态控件"组件:<static> —— 快应用组件库H-UI

<import name="form" src="../Common/ui/h-ui/form/c_form"></import>
<import name="static" src="../Common/ui/h-ui/form/c_static"></import>
<template>
    <div class="container">
        <form>
            <static title="Email address" value="fastapp@139.com"></static>
        </form>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="form" src="../Common/ui/h-ui/form/c_form"></import>
<import name="static" src="../Common/ui/h-ui/form/c_static"></import>
<template>
    <div class="container">
        <form>
            <static title="Email address" value="fastapp@139.com" form-horizontal="true"></static>
        </form>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="form" src="../Common/ui/h-ui/form/c_form"></import>
<import name="static" src="../Common/ui/h-ui/form/c_static"></import>
<template>
    <div class="container">
        <form>
            <static title="Email address" value="fastapp@139.com" form-horizontal="true" no-border="true"></static>
        </form>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="form" src="../Common/ui/h-ui/form/c_form"></import>
<import name="static" src="../Common/ui/h-ui/form/c_static"></import>
<template>
    <div class="container">
        <form>
            <static title="Email address" value="fastapp@139.com" disabled="true"></static>
        </form>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="form" src="../Common/ui/h-ui/form/c_form"></import>
<import name="static" src="../Common/ui/h-ui/form/c_static"></import>
<template>
    <div class="container">
        <form>
            <static title="Email address" value="fastapp@139.com" form-horizontal="true" align-right="true"></static>
        </form>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

扫码体验

posted @ 2020-04-17 08:29  快应用HUI  阅读(107)  评论(0编辑  收藏