zoukankan      html  css  js  c++  java
  • "头像组件"组件:<avatar> —— 快应用组件库H-UI

    <import name="avatar" src="../Common/ui/h-ui/advance/c_avatar"></import>
    <template>
        <div class="container">
            <avatar src="https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/touxiang.png"></avatar>
        </div>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

    <import name="avatar" src="../Common/ui/h-ui/advance/c_avatar"></import>
    <template>
        <div class="container">
            <avatar src="https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/touxiang.jpeg" circle="false"></avatar>
        </div>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

    <import name="avatar" src="../Common/ui/h-ui/advance/c_avatar"></import>
    <template>
        <div class="container">
            <avatar size="120" src="https://h-ui.obs.cn-south-1.myhuaweicloud.com/image/touxiang.jpeg"></avatar>
        </div>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

    <import name="avatar" src="../Common/ui/h-ui/advance/c_avatar"></import>
    <template>
        <div class="container">
            <avatar icon="user" bg-color="bg-info"></avatar>
            <avatar icon="user" bg-color="bg-info" circle="false"></avatar>
        </div>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

    <import name="avatar" src="../Common/ui/h-ui/advance/c_avatar"></import>
    <template>
        <div class="container">
            <avatar text="云"></avatar>
            <avatar text="C" bg-color="bg-warning" circle="false"></avatar>
        </div>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

    扫码体验

  • 相关阅读:
    contest hunter5105 Cookies
    bzoj2599: [IOI2011]Race
    poj1741 Tree
    bzoj2527: [Poi2011]Meteors
    bzoj3673: 可持久化并查集 by zky&&3674: 可持久化并查集加强版
    bzoj2741: 【FOTILE模拟赛】L
    bzoj3110: [Zjoi2013]K大数查询
    bzoj1901: Zju2112 Dynamic Rankings
    bzoj2821: 作诗(Poetize)
    poj1417 True Liars
  • 原文地址:https://www.cnblogs.com/cloud-dev/p/tou-xiang-zu-jianzu-jianltavatargt--kuai-ying-yong.html
Copyright © 2011-2022 走看看