Compare commits
3 Commits
01e2422444
...
ef3a682724
Author | SHA1 | Date | |
---|---|---|---|
ef3a682724 | |||
4954b51176 | |||
e2657ce0a8 |
@ -82,21 +82,24 @@ export default class TimeLine {
|
|||||||
}
|
}
|
||||||
moveComplay(func) {
|
moveComplay(func) {
|
||||||
let that = this
|
let that = this
|
||||||
that.timeline.addEventListener('mouseup', () => {
|
// that.timeline.addEventListener('mouseup', () => {
|
||||||
that.isDragging = false;
|
document.addEventListener('mouseup', () => {
|
||||||
if (that.manualPosition !== null) {
|
if (that.isDragging) {
|
||||||
// that.sdk.viewer.clock.shouldAnimate = true
|
that.isDragging = false;
|
||||||
that.startTime = Date.now() - (that.manualPosition * 86400 * 1000 / that.speed);
|
if (that.manualPosition !== null) {
|
||||||
that.manualPosition = null;
|
// that.sdk.viewer.clock.shouldAnimate = true
|
||||||
that.changeDate && (that.changeDateGrag = true)
|
that.startTime = Date.now() - (that.manualPosition * 86400 * 1000 / that.speed);
|
||||||
if (!that.pauseed) {
|
that.manualPosition = null;
|
||||||
that.update()
|
that.changeDate && (that.changeDateGrag = true)
|
||||||
func(that.time)
|
if (!that.pauseed) {
|
||||||
} else {
|
that.update()
|
||||||
that.pausedTime = Date.now(); // 记录暂停时刻
|
func(that.time)
|
||||||
func(that.currentTime.textContent)
|
} else {
|
||||||
}
|
that.pausedTime = Date.now(); // 记录暂停时刻
|
||||||
|
func(that.currentTime.textContent)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -90,27 +90,6 @@ function html(that) {
|
|||||||
<div class="col" style="flex: 0 0 37%;">
|
<div class="col" style="flex: 0 0 37%;">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row" id="dashTextureDom">
|
|
||||||
<div class="col">
|
|
||||||
<span class="label">动画顺向</span>
|
|
||||||
<input class="btn-switch" type="checkbox" @model="rotate">
|
|
||||||
</div>
|
|
||||||
<div class="col" style="flex: 0 0 33%;">
|
|
||||||
<span class="label">流动速率</span>
|
|
||||||
<div class="input-number input-number-unit-1" style="width: 80px;">
|
|
||||||
<input class="input" type="number" title="" min="0" max="999999" step="1" @model="speed">
|
|
||||||
<span class="arrow"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col" style="flex: 0 0 37%;">
|
|
||||||
<span class="label lineSpace">间距</span>
|
|
||||||
<div class="input-number input-number-unit-1 lineSpace" style="width: 80px;">
|
|
||||||
<input class="input" type="number" title="" min="0" max="4.5" step="0.1" @model="space">
|
|
||||||
<span class="unit">倍</span>
|
|
||||||
<span class="arrow"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<span class="label">线段缓冲</span>
|
<span class="label">线段缓冲</span>
|
||||||
@ -129,6 +108,27 @@ function html(that) {
|
|||||||
<div class="extendColor"></div>
|
<div class="extendColor"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row" id="dashTextureDom">
|
||||||
|
<div class="col">
|
||||||
|
<span class="label">首尾反向</span>
|
||||||
|
<input class="btn-switch" type="checkbox" @model="rotate">
|
||||||
|
</div>
|
||||||
|
<div class="col" style="flex: 0 0 33%;">
|
||||||
|
<span class="label">流动速率</span>
|
||||||
|
<div class="input-number input-number-unit-1" style="width: 80px;">
|
||||||
|
<input class="input" type="number" title="" min="0" max="999999" step="1" @model="speed">
|
||||||
|
<span class="arrow"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col" style="flex: 0 0 37%;">
|
||||||
|
<span class="label lineSpace">线条间距</span>
|
||||||
|
<div class="input-number input-number-unit-1 lineSpace" style="width: 80px;">
|
||||||
|
<input class="input" type="number" title="" min="0" max="4.5" step="0.1" @model="space">
|
||||||
|
<span class="unit">倍</span>
|
||||||
|
<span class="arrow"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</DIV-cy-tab-pane>
|
</DIV-cy-tab-pane>
|
||||||
<DIV-cy-tab-pane label="标注风格">
|
<DIV-cy-tab-pane label="标注风格">
|
||||||
${labelStyleElm1()}
|
${labelStyleElm1()}
|
||||||
|
Reference in New Issue
Block a user