react_hsbc_teller 0.4.9 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "description": "React",
   "private": false,
   "main": "lib/hsbc.js",

package/packages/pages/video/video.jsx

@@ -2809,11 +2809,15 @@ class Video extends Component {
       </div>
     )
     const sectionStyle = this.state.tabTitles.length > 0 ? {
-      background: '#f3f3f3',
+      'z-index': '-1',
+      width:'100%', 
+      height:'100%',
+      position: 'absolute'
     } :{
-      backgroundImage: `url(${Background})`,
-      'background-repeat': 'no-repeat',
-      'background-size': '100% 100%'
+      'z-index': '0',
+      width:'100%', 
+      height:'100%',
+      position: 'absolute'
     };
     return (
       <div className="all">
@@ -2821,9 +2825,11 @@ class Video extends Component {
           <Header></Header>
           <div className="health">
           <div className="healthVideo">
-            <div className="projection" style={sectionStyle}>
+            <div className="projection">
             {tabTitleList}
+            <img style={sectionStyle} src={require("../../assets/img/placeholder_bg.png").default} alt="" />
             <div style={{height: this.state.tabTitles.length > 0 ? 'calc(100% - 33px)' : '100%'}}>
+            
               <div className="videoDiv" style={{ display: (this.state.isSelect == 'RMScreen') ? '' : 'none', }}>
                 <div className="videoDiv">
                   <video

package/packages/pages/video/video.less

@@ -144,7 +144,7 @@
 .projection{
   width: 80%;
   position: relative;
-  // background: rgba(0,0,0,0.65);
+  background: #f3f3f3;
   color: #333;
   border-radius: 0 4px 4px 4px;
   // height:  ~"calc(100vh - 130px)";