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;
    }
    
    ---------------------------------------------
    生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
    ↑面的话,越看越不痛快,应该这么说:

    生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
  • 相关阅读:
    Django的路由系统
    Django框架简介
    模块和包
    内置函数——filter和map
    匿名函数
    Djangon 基础总结 汇总 从请求到返回页面的过程,
    Django基础 一
    异常处理
    Sqoop
    Oozie
  • 原文地址:https://www.cnblogs.com/pengchenggang/p/15544289.html
Copyright © 2011-2022 走看看