diff --git a/public/index.html b/public/index.html index 3273a61d..5875e2aa 100644 --- a/public/index.html +++ b/public/index.html @@ -3,6 +3,7 @@ + P大树洞（非官方） diff --git a/src/Flows.css b/src/Flows.css index 8e392f56..1bc4d9a1 100644 --- a/src/Flows.css +++ b/src/Flows.css @@ -6,6 +6,12 @@ box-shadow: 0 5px 20px rgba(0,0,0,.5); } +.box-tip { + min-width: 100px; + z-index: 1; + text-align: center; +} + .left-container .flow-item { display: inline-block; width: 600px; @@ -18,8 +24,13 @@ width: calc(100% - 625px); margin-left: -25px; padding-left: 20px; - overflow-x: hidden; + overflow-x: auto; } + +.flow-reply-row::-webkit-scrollbar { + display: none; +} + .flow-reply-row:empty { margin: 0 !important; display: none; @@ -41,9 +52,9 @@ .flow-reply-row { display: flex; - width: calc(100% - 10px) !important; - margin-left: 10px; - padding-left: 20px; + width: 100% !important; + margin-left: 0; + padding-left: 30px; margin-top: -2.5em; margin-bottom: -1em; } diff --git a/src/Flows.js b/src/Flows.js index d656abba..fc25eedd 100644 --- a/src/Flows.js +++ b/src/Flows.js @@ -11,6 +11,7 @@ const API_BASE=window.location.protocol==='https:' ? '/api_proxy' : 'http://www. const SEARCH_PAGESIZE=50; const CLICKABLE_TAGS={a: true, audio: true}; +const PREVIEW_REPLY_COUNT=10; function Reply(props) { return ( @@ -26,14 +27,6 @@ function Reply(props) { ); } -function ReplyPlaceholder(props) { - return ( -
- 加载中 -
- ); -} - function FlowItem(props) { return (
@@ -102,8 +95,11 @@ class FlowItemRow extends Component { }}>
- {!!this.state.reply_loading && } - {this.state.replies.slice(0,10).map((reply)=>)} + {!!this.state.reply_loading &&
加载中
} + {this.state.replies.slice(0,PREVIEW_REPLY_COUNT).map((reply)=>)} + {this.state.replies.length>PREVIEW_REPLY_COUNT &&
+ 还有 {this.state.replies.length-PREVIEW_REPLY_COUNT} 条 +
}
);