自定义滚动条样式修改

src/components/AddAssistCheck/index.jsx

@@ -232,13 +232,13 @@ class AddAssistCheck extends React.Component {
     const { handleChangeValue, list,assistVal,windowHeight,assistList } = this.props;
     const { visible,pageTop } = this.state;
     const contStyle={
-      opacity:'1',
+      opacity:'0.4',
       right:'0',
       top:'1px',
       zIndex:'15',
       width:'14px',
       background:'#f1f1f1'};
-    const barStyle={background:'#c1c1c1',width:'100%'};
+    const barStyle={background:'#777',width:'100%'};
     return (
       <div className={styles.wrapper}>
         {this.getAssistLabel()}

src/components/AddInspect/index.jsx

@@ -318,13 +318,13 @@ class Inspect extends React.Component {
     const { tmpId, tmpIdx, id, pageTop, impId } = this.state;
 
     const contStyle={
-      opacity:'1',
+      opacity:'0.4',
       right:'0',
       top:'1px',
       zIndex:'15',
       width:'14px',
       background:'#f1f1f1'};
-    const barStyle={background:'#c1c1c1',width:'100%'};
+    const barStyle={background:'#777',width:'100%'};
     return (
       <div className={styles.wrapper}>
         <div className={styles.check}>

src/components/DiagResultSearch/index.jsx

@@ -53,13 +53,13 @@ class DiagResultSearch extends Component {
     const { show, searchResult, getSearchResult, handleChangeValue,pageTop,windowHeight } = this.props
 
     const contStyle={
-      opacity:'1',
+      opacity:'0.4',
       right:'0',
       top:'1px',
       zIndex:'15',
       width:'14px',
       background:'#f1f1f1'};
-    const barStyle={background:'#c1c1c1',width:'100%'};
+    const barStyle={background:'#777',width:'100%'};
     return (
       show && <div id='diagSearch' className={style['search-box']}>
         <SearchOption handleChangeValue={handleChangeValue} pageTop={pageTop} windowHeight={windowHeight} height={180} visible={true}>

src/components/EMRContainer/index.jsx

@@ -37,13 +37,13 @@ class EMRContainer extends Component {
     }
     render() {
         const contStyle={
-                          opacity:'1',
+                          opacity:'0.4',
                           top:'1px',
                           right:'460px',
                           zIndex:'15',
                           width:'14px',
                           background:'#f1f1f1'};
-        const barStyle={background:'#c1c1c1',width:'100%',marginLeft:'0'};
+        const barStyle={background:'#777',width:'100%',marginLeft:'0'};
         return <div className={style['EMR-container']}
                     ref={this.$cont} id="addScrollEvent">
           <ScrollArea speed={0.8}

src/components/EMRContainer/index.less

@@ -3,9 +3,6 @@
    height: 100%;
     min-width: 1006px;
  }
-.area .scrollbar-container.vertical .scrollbar{
-  width: 100%;
-}
 .EMR-container{
   background: #fff;
   margin:60px 20px 0 0;