飞线,光照
This commit is contained in:
56
src/Global/efflect/Sunshine/_element.js
Normal file
56
src/Global/efflect/Sunshine/_element.js
Normal file
@ -0,0 +1,56 @@
|
||||
function html() {
|
||||
return `
|
||||
<span class="custom-divider"></span>
|
||||
<div class="div-item">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<span class="label">播放倍数</span>
|
||||
<div class="input-number input-number-unit-1">
|
||||
<input class="input" type="number" title="" min="0.01" max="999999" step="10" @model="speed">
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<span class="label">阴影柔和度</span>
|
||||
<div class="input-number input-number-unit-1">
|
||||
<input class="input" type="number" title="" min="0" max="1" step="0.1" @model="darkness">
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="div-item">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<span class="label">阴影优化</span>
|
||||
<input class="btn-switch" type="checkbox" @model="softShadow">
|
||||
</div>
|
||||
<div class="col">
|
||||
<span class="label" style="flex: 0 0 56px;">日期选择</span>
|
||||
<input class="sunshine-date" type="text" placeholder="YYYY-MM-DD" @model="time">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="custom-divider"></span>
|
||||
<div class="div-item">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="timeline-container">
|
||||
<div class="timeline" id="timeline">
|
||||
<div class="progress" id="progress">
|
||||
<div class="handle" id="handle"></div>
|
||||
<div class="current-time" id="currentTime">00:00:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="time-marks">
|
||||
</div>
|
||||
<button id="timePause">暂停</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="custom-divider"></span>
|
||||
`
|
||||
}
|
||||
|
||||
export { html }
|
Reference in New Issue
Block a user