"引用风格"组件:<blockquote> —— 快应用组件库H-UI

<import name="blockquote" src="../Common/ui/h-ui/advance/c_blockquote"></import>
<template>
<div class="container-full">
<blockquote text="这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。这是一个默认的引用实例。"></blockquote>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="blockquote" src="../Common/ui/h-ui/advance/c_blockquote"></import>
<template>
<div class="container-full">
<blockquote text="这是一个向左对齐的引用。" source="Someone famous in Source Title"></blockquote>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="blockquote" src="../Common/ui/h-ui/advance/c_blockquote"></import>
<template>
<div class="container-full">
<blockquote text="这是一个向左对齐的引用。" font="danger" source="Someone famous in Source Title"></blockquote>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>

<import name="blockquote" src="../Common/ui/h-ui/advance/c_blockquote"></import>
<template>
<div class="container-full">
<blockquote text="这是一个向右对齐的引用。" font="success i" source="Someone famous in Source Title" pull-right="true"></blockquote>
</div>
</template>
<style lang="less">
@import '../Common/styles/container.less';
</style>
扫码体验

H-UI——做体验最好的快应用UI库,让快应用开发就像搭积木!