zoukankan      html  css  js  c++  java
  • css class 操作列 按钮 之间加 竖线 | class="yourhandleBtn" :lastchild::after

    思路:botton 加一个class 每个右边加个竖线,最后一个不加。
    用起来很方便

    <template slot="handle"
                    slot-scope="{ row, index }">
            <Button type="primary"
                    v-if="row.parentItemId === '0'"
                    ghost
                    class="your-handleBtn"
                    @click="newSubHandle(row,index)">新增子项</Button>
            <Button type="primary"
                    ghost
                    class="your-handleBtn"
                    @click="modifyHandle(row,index)">编辑</Button>
            <Button type="error"
                    ghost
                    @click="deleteHandle(row,index)"
                    class="your-handleBtn">删除</Button>
          </template>
    
    .your-handleBtn{
      position: relative;
      display: inline-block !important;
      padding: 4px 9px !important;
      border:0 !important;
    }
    
    .your-handleBtn::after {
      position: absolute;
      content: '';
      display: block;
       1px;
      height: 16px;
      top: 8px;
      right: -1px;
      background: #E5E5E5;
    }
    
    .your-handleBtn:last-child::after {
      display: none;
    }
    
    ---------------------------------------------
    生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
    ↑面的话,越看越不痛快,应该这么说:

    生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
  • 相关阅读:
    wxpython 文本框TextCtrl
    python py文件转换成exe
    安装NTP到CentOS(YUM)
    安装NFS到CentOS(YUM)
    安装MongoDB到Ubuntu(APT)
    安装MongoDB到CentOS(YUM)
    安装Mailx到CentOS(YUM)
    安装MYSQL到Ubuntu(APT)
    安装MYSQL到CentOS(YUM)
    安装Kubernetes到CentOS(Minikube)
  • 原文地址:https://www.cnblogs.com/pengchenggang/p/15544289.html
Copyright © 2011-2022 走看看