zoukankan      html  css  js  c++  java
  • "引用风格"组件:<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>
    

    扫码体验

  • 相关阅读:
    CrackRTFwp 顺便讲讲如何在pe文件中看资源
    开启驱动生涯
    hgame week2 week3
    hgamefinal re peko-chain!
    docker化hbase并使用外部zookeeper
    docker化canal-adapter
    脚本
    ansible模块-user
    esxi克隆虚拟机
    confluence配置搭建
  • 原文地址:https://www.cnblogs.com/cloud-dev/p/yin-yong-feng-gezu-jianltblockquotegt--kuai-ying-y.html
Copyright © 2011-2022 走看看