• 根据对象属性查找对象或者数组(根据对象属性查找某数组内符合该条件的对象,数组内对象属性check为true的对象,存放到数组内) 滚动轴样式


     

    1、根据对象属性查找某数组内符合该条件的对象

    optionComwords:[
     {optionName:"名称1", optionCode: '1'},
    {optionName:"名称2", optionCode: '2'},
    {optionName:"名称3", optionCode: '3'}
    ]

     var obj=this.optionComwords.find( (obj) =>{
        return obj.optionCode === "3"
    })
    此时obj为满足属性为3的对象

    2、再数组list中查找数组内对象属性check为true的对象,存放到selecArr数组

    list: [
    {id:6, label: '苹果',check:true,check1:false},
    {id:7, label: '香蕉',check:true,check1:false},
    {id:8, label: '橘子',check:false,check1:false}
    ],
    this.list.map(function(v){
        if(v.check){
            this.selecArr.push(v)
         }
    });

    3、滚动轴样式

    body::-webkit-scrollbar {/*滚动条整体样式*/
      10px;     /*高宽分别对应横竖滚动条的尺寸*/
      height: 1px;
    }
    
    body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    
      border-radius:5px;
    
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    
       background: #535353;
    
    
    }
    
    body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    
      border-radius: 5px;
    
      background: #EDEDED;
    
    }
  • 相关阅读:
    Ajax删除效果
    40个有用的jQuery技术和教程
    ZAM 3D入门教程(8):Zam3D中的材质
    ZAM 3D入门教程(5):Lathe编辑器
    Windows Phone 7 玻璃框消息提示
    Ajax留言板
    ZAM 3D入门教程(1):初识ZAM 3D
    ZAM 3D入门教程(4):Extrusion编辑器
    C#生成CHM文件(汇总篇)
    推荐一些网站给大家
  • 原文地址:https://www.cnblogs.com/shuihanxiao/p/11097837.html
Copyright © 2020-2023  润新知