interval

public/react/src/modules/page/main/ActionView.js

@@ -25,7 +25,14 @@ const styles = theme => ({
     	color: '#4CACFF',
     	border: '1px solid #4CACFF'
     }
+  },
+  hoverButton: {
+	margin: theme.spacing.unit,
+    height: '30px',
+    padding: '0 16px',
 
+	color: '#4CACFF',
+	border: '1px solid #4CACFF'
   },
   buttonText: {
   	color: '#1B4061 !important',
@@ -64,10 +71,12 @@ class ActionView extends Component {
 	      		</span>
 
 	      		{/*将第一个按钮改为visibility方式隐藏，不然加载时测评按钮会出现没有垂直居中的情况*/}
-				  	<Button size="small" className={classes.button + ' actionViewfirstButton'} onClick={()=>this.showWebDisplay(challenge)}
+				  	<Tooltip title={ "倒计时为0时，服务将被关闭" }>
-				  			style={{ visibility: challenge.showWebDisplayButton ? '': 'hidden'}}>
+						<Button size="small" className={classes.hoverButton + ' actionViewfirstButton'} onClick={()=>this.showWebDisplay(challenge)}
+								style={{ visibility: challenge.showWebDisplayButton ? '': 'hidden'}} id="showWebDisplayButton">
 							查看效果
 						</Button>
+					</Tooltip>
 				
 
 				{