"静态控件"组件: —— 快应用组件库H-UI
程序员文章站
2022-07-10 20:58:47
     扫码体验 ......

<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>
扫码体验

上一篇： 11.行盒垂直对齐和图片的底部白边问题
下一篇： 人工智能可以创造出艺术吗？