zoukankan      html  css  js  c++  java
  • vue 按钮的小知识

    <el-button>鼠标滑过/点击背景变淡</el-button>
    <el-button type="primary" plain>鼠标滑过/点击背景变深色调</el-button>
    <el-button type="success" round>圆角按钮</el-button>
    <el-button type="info" icon="el-icon-search" circle>图标按钮按钮,icon放入映入的icon图标名称</el-button>
    <el-button type="text">文字按钮</el-button>
    <el-button disabled>禁用按钮</el-button>
    <el-button size="medium">不同尺寸按钮</el-button>
    <el-button :disabled="true/false">动态禁用</el-button>
    <el-button type="primary">图标加文字按钮<i class="el-icon-upload el-icon--right"></i></el-button>
    <el-button type="primary" :loading="true">加载中按钮</el-button>

    <el-button-group>
    <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
    <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
    </el-button-group>

    参数    说明    类型    可选值    默认值
    size    尺寸    string    medium / small / mini    无
    type    类型    string    primary / success / warning / danger / info / text    无
    plain    是否鼠标滑过/点击背景变深色调    booleanfalse
    round    是否圆角按钮    booleanfalse
    circle    是否圆形按钮    booleanfalse
    loading    是否加载中状态    booleanfalse
    disabled    是否禁用状态    booleanfalse
    icon    图标类名    string    —    —

    关于vue 按钮的隐藏和显示

    :style="{ display: visibleLine }"
    visibleLine 为''时 按钮显示
    当为
    'none' 时 按钮隐藏
    积少成多, 积沙成塔.
  • 相关阅读:
    C#可视化程序设计第三章(3,4)
    "Can’t be opened because Apple cannot check it for malicious software" 解决方案
    Mac系统.DS_Store文件导致IOError: [Errno 20] Not a directory:解决方案
    读书笔记 《局外人》
    Chrome 67之后无法离线安装插件
    函数和方法的区别
    github|webstorm
    webstorm
    Markdown
    github
  • 原文地址:https://www.cnblogs.com/lei0913/p/11644374.html
Copyright © 2011-2022 走看看