From 00b27020134ebec84b92d8e4ef1f3278a1d5c436 Mon Sep 17 00:00:00 2001
From: "wenbo.dong" <wenbo.dong@qunar.com>
Date: Wed, 20 Sep 2017 20:32:20 +0800
Subject: [PATCH] =?UTF-8?q?opti:=20=E6=8E=A5=E5=8F=A3=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E6=8C=89=E9=92=AE=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Project/Interface/InterfaceCol/InterfaceColMenu.scss     | 4 ++--
 client/containers/Project/Interface/InterfaceList/View.js    | 5 ++++-
 client/containers/Project/Interface/interface.scss           | 5 ++---
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/containers/Project/Interface/InterfaceCol/InterfaceColMenu.scss b/client/containers/Project/Interface/InterfaceCol/InterfaceColMenu.scss
index 2d489328..da4ed49f 100755
--- a/client/containers/Project/Interface/InterfaceCol/InterfaceColMenu.scss
+++ b/client/containers/Project/Interface/InterfaceCol/InterfaceColMenu.scss
@@ -6,11 +6,11 @@
   .opts-icon, .case-delete-icon {
     line-height: 25px;
     width: 30px;
+    transform: rotate(90deg);
+    font-weight: bold;
   }
   .opts-icon:hover, .case-delete-icon:hover {
     color: #2395f1;
-    border-radius: 4px;
-    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
   }
   .menu-title {
     display: flex;
diff --git a/client/containers/Project/Interface/InterfaceList/View.js b/client/containers/Project/Interface/InterfaceList/View.js
index fda39499..76d388d8 100755
--- a/client/containers/Project/Interface/InterfaceList/View.js
+++ b/client/containers/Project/Interface/InterfaceList/View.js
@@ -5,6 +5,7 @@ import PropTypes from 'prop-types'
 import { Table,Icon } from 'antd'
 const mockEditor = require('./mockEditor.js')
 import { formatTime } from '../../../../common.js';
+import { Link } from 'react-router-dom';
 import ErrMsg from '../../../../components/ErrMsg/ErrMsg.js';
 import variable from '../../../../constants/variable';
 // import { Card } from 'antd'
@@ -275,7 +276,9 @@ class View extends Component {
       </div>
       <div className="colMockUrl">
         <span className="colKey">Mock地址：</span>
-        <span className="colValue">{location.protocol + '//' + location.hostname + (location.port !== "" ? ":" + location.port : "") + `/mock/${this.props.currProject._id}${this.props.currProject.basepath}${this.props.curData.path}`}</span>
+        <Link to={'https://baidu.com/'}>
+          <span className="colValue">{location.protocol + '//' + location.hostname + (location.port !== "" ? ":" + location.port : "") + `/mock/${this.props.currProject._id}${this.props.currProject.basepath}${this.props.curData.path}`}</span>
+        </Link>
       </div>
       {this.props.curData.desc?<div className="colDesc">
         <span className="colKey">接口备注：</span>
diff --git a/client/containers/Project/Interface/interface.scss b/client/containers/Project/Interface/interface.scss
index 0491cc14..e05be0ed 100755
--- a/client/containers/Project/Interface/interface.scss
+++ b/client/containers/Project/Interface/interface.scss
@@ -76,15 +76,14 @@
     .interface-delete-icon{
         position: relative;
         right: 0;
-        // top: 2px;
         float: right;
         line-height: 25px;
         width: 30px;
+        transform: rotate(90deg);
+        font-weight: bold;
     }
     .interface-delete-icon:hover {
         color: #2395f1;
-        border-radius: 4px;
-        box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
     }
 
     .interface-list{