苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.3-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 263|回复: 0

[其它] element ui-Button 按钮(七)不同尺寸样式

[复制链接]
发表于 2021-9-9 16:43:58 | 显示全部楼层 |阅读模式
找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里联系我
       上篇文章说到了element按钮的加载中样式用法,下面来说下不同尺寸的样式。


        实现方法:Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。
                         额外的尺寸:medium、small、mini,通过设置size属性来配置。


        效果:
         企业微信截图_16311769905482.png


        HTML代码:
        
[HTML] 纯文本查看 复制代码
<el-row>
  <el-button>默认按钮</el-button>
  <el-button size="medium">中等按钮</el-button>
  <el-button size="small">小型按钮</el-button>
  <el-button size="mini">超小按钮</el-button>
</el-row>
<el-row>
  <el-button round>默认按钮</el-button>
  <el-button size="medium" round>中等按钮</el-button>
  <el-button size="small" round>小型按钮</el-button>
  <el-button size="mini" round>超小按钮</el-button>
</el-row>






您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备17001017号-1)

GMT+8, 2021-9-29 00:46

© 2014-2021

快速回复 返回顶部 返回列表