zoukankan      html  css  js  c++  java
  • 基于vue的列表手风琴

    html

    2018-05-3011:15:36

     
    js
    openList: function(e){
    let self = this;
    if(this.$(this.$(e.currentTarget)[0].parentElement)[0].className.indexOf('fold') == -1){
    this.$(this.$(e.currentTarget)[0].parentElement).addClass('fold')
    this.$(e.currentTarget).parent().siblings('.plist').removeClass('fold');
    }else{
    this.$(this.$(e.currentTarget)[0].parentElement).removeClass('fold')
    }

    this.groupId = parseInt(this.$(e.currentTarget)[0].id);
    this.getdata();
    },
     
    css
    //添加滚动条
    #scroll-1{
    margin-bottom: .1rem;
    height: 4.1rem;
    overflow: auto;
    }
    #scroll-1::-webkit-scrollbar {
    .05rem;
    height: .05rem;
    }
    #scroll-1::-webkit-scrollbar-button {
    background-color: #f3f3f3;
    }
    #scroll-1::-webkit-scrollbar-track {
    background:#f3f3f3;
    }
    #scroll-1::-webkit-scrollbar-thumb{
    background:#969696;
    border-radius: .05rem;
    }
    .accountType{
    margin: auto;
    padding-bottom: .2rem;
    li{
    80%;
    margin-bottom: 1px;
    margin: auto;
    }
    .lis{
    70%;
    height: .3rem;
    line-height: .3rem;
    border-bottom: 1px solid #F4F6F5;
    color: #ABAFB2;
    // background: red;
    margin: auto;
    .icon-xiayibu{
    float: right;
    font-size: 12px;
    }
    }
    .clicks{
    background: #29B0E7;
    .lis{
    border-color: #29B0E7;
    color: #fff;
    }
    }
    }
  • 相关阅读:
    散列函数之单散列算法
    NET 使用 RabbitMQ
    leetCode
    Swift 1
    C#并发集合
    多进程与多线程1
    开发编译器
    APUE1
    微服务架构
    ExceptionHandlerMiddleware中间件如何呈现“定制化错误页面”
  • 原文地址:https://www.cnblogs.com/liangru/p/9109851.html
Copyright © 2011-2022 走看看