急诊按钮

src/components/EmergencyProcedure/index.jsx

@@ -16,15 +16,15 @@ class EmergencyProcedure extends React.Component {
   
   slideToggle(type){
     if(type){
-      $("#emergencyName").css({"display":"block","paddingLeft":"50px","paddingRight":"30px"})
+      $("#emergencyName").css({"display":"block"})
       $("#emergencyPic").css("display","block")
       $("#emergencys").css("display","none")
       $("#emergency").css("display","block")
-      $("#emergencyWrap").css({"width":"auto","height":"44px"})
+      $("#emergencyWrap").css({"width":"auto","height":"44px","paddingLeft":"50px","paddingRight":"30px"})
     }else{
       $("#emergencyName").css({"display":"none","padding":"0"})
       $("#emergencyPic").css("display","none")
-      $("#emergencyWrap").css({"width":"44px","height":"44px"})
+      $("#emergencyWrap").css({"width":"44px","height":"44px","padding":"0"})
       $("#emergencys").css("display","block")
       $("#emergency").css("display","none")
     }

src/components/EmergencyProcedure/index.less

@@ -11,17 +11,18 @@
     z-index: 205;
     top: 55px;
     right: 20px;
-    width: 44px;
+    width: auto;
     height: 44px;
     line-height: 44px;
     border-radius: 22px;
     border: 2px solid #F93333;
     background-color: #fff;
+    padding-left: 50px;
+    padding-right: 30px;
     cursor: pointer;
-
     .emergencyName {
       overflow: hidden;
-      display: none;
+      display: block;
     }
 
     i {