From 447059f5e536797de3d356a8a35f9f22c818fef5 Mon Sep 17 00:00:00 2001
From: "huoyong.msb" <huoyong.msb@alibaba-inc.com>
Date: Tue, 4 Jun 2019 14:04:52 +0800
Subject: [PATCH] subtle style fix
---
src/assets/index.sass | 16 ++++++++++++++++
src/components/editor/InterfaceList.jsx | 1 +
src/components/editor/InterfaceList.sass | 3 +++
src/routes.jsx | 3 +++
4 files changed, 23 insertions(+)
create mode 100644 src/components/editor/InterfaceList.sass
diff --git a/src/assets/index.sass b/src/assets/index.sass
index 54eaddc..4c1c8db 100644
--- a/src/assets/index.sass
+++ b/src/assets/index.sass
@@ -71,3 +71,19 @@ pre
border-radius: 0.4rem;
background-color: $bg;
white-space: pre-wrap;
+
+.btn-top
+ position: fixed;
+ right: 150px;
+ bottom: -1px;
+ width: 90px;
+ height: 50px;
+ text-align: center;
+ vertical-align: middle;
+ padding: 16px;
+ z-index: 99999;
+ background-color: #ffffff;
+ border: 1px solid #DDDDDD;
+ border-radius: 16px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
\ No newline at end of file
diff --git a/src/components/editor/InterfaceList.jsx b/src/components/editor/InterfaceList.jsx
index b75dbb4..c1145cd 100644
--- a/src/components/editor/InterfaceList.jsx
+++ b/src/components/editor/InterfaceList.jsx
@@ -4,6 +4,7 @@ import { RModal, RSortable } from '../utils'
import InterfaceForm from './InterfaceForm'
import { GoPencil, GoTrashcan, GoRocket, GoLock } from 'react-icons/lib/go'
import { getCurrentInterface } from '../../selectors/interface';
+import './InterfaceList.css'
class Interface extends Component {
static contextTypes = {
diff --git a/src/components/editor/InterfaceList.sass b/src/components/editor/InterfaceList.sass
new file mode 100644
index 0000000..44987a2
--- /dev/null
+++ b/src/components/editor/InterfaceList.sass
@@ -0,0 +1,3 @@
+.InterfaceList
+ max-height: 500px;
+ overflow-y: auto;
\ No newline at end of file
diff --git a/src/routes.jsx b/src/routes.jsx
index 429eb23..95e5766 100644
--- a/src/routes.jsx
+++ b/src/routes.jsx
@@ -102,6 +102,9 @@ const Routes = ({ match, location }, { store }) => {
}
return (
<article className='Routes'>
+ <div className="btn-top" onClick={() => { console.log('hahaha'); window.scrollTo(0, 0) }}>
+ 回到顶部
+ </div>
<Route component={Header} />
<div className='body'>
<Switch>