mirror of
https://github.com/liriliri/eruda.git
synced 2026-04-01 10:18:35 +08:00
Dev: Elements tool
This commit is contained in:
@@ -23,7 +23,7 @@ export default class Network extends Tool
|
||||
setTimeout(() =>
|
||||
{
|
||||
this._getPerformanceTimingData()
|
||||
}, 3000);
|
||||
}, 1000);
|
||||
}, false);
|
||||
}
|
||||
_getPerformanceTimingData()
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class="eruda-performance-timing">
|
||||
<div class="eruda-inner-wrapper">
|
||||
{{#each data}}
|
||||
<div class="eruda-bar {{#if @last}}eruda-last{{/if}}">
|
||||
<div class="eruda-bar">
|
||||
<span style="position:relative;left:{{start}}%;width:{{len}}%">{{name}}({{duration}}ms)</span>
|
||||
</div>
|
||||
{{/each}}
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
.dev-tools { .tools {
|
||||
.network {
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
.performance-timing {
|
||||
padding: 10px;
|
||||
.inner-wrapper {
|
||||
@@ -10,6 +11,7 @@
|
||||
.bar {
|
||||
border-bottom: 1px solid #fff;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
span {
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
@@ -18,7 +20,7 @@
|
||||
background: $red-dark;
|
||||
display: inline-block;
|
||||
}
|
||||
&.last {
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user