根据对象属性查找对象或者数组（根据对象属性查找某数组内符合该条件的对象，数组内对象属性check为true的对象，存放到数组内）滚动轴样式...

最新推荐文章于 2022-09-02 14:57:32 发布

weixin_30371875

最新推荐文章于 2022-09-02 14:57:32 发布

阅读量458

点赞数

文章标签： php

原文链接：http://www.cnblogs.com/shuihanxiao/p/11097837.html

版权

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 {/*滚动条整体样式*/
  width: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;

}