111 lines
4.0 KiB
JavaScript
111 lines
4.0 KiB
JavaScript
function html() {
|
|
return `
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">名称</span>
|
|
<input class="input" maxlength="40" type="text" @model="name">
|
|
</div>
|
|
<div class="col">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">经度</span>
|
|
<input class="input" type="number" title="" min="-180" max="180" @model="lng">
|
|
</div>
|
|
<div class="col">
|
|
<span class="label">纬度</span>
|
|
<input class="input" type="number" title="" min="-90" max="90" @model="lat">
|
|
</div>
|
|
</div>
|
|
<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="-9999999" max="999999999" @model="alt">
|
|
<span class="unit">m</span>
|
|
<span class="arrow"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<span class="label">起始颜色</span>
|
|
<div class="start_color"></div>
|
|
</div>
|
|
<div class="col" style="margin: 0;justify-content: flex-end;">
|
|
<span class="label">结束颜色</span>
|
|
<div class="end_color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<span>最小初速度</span>
|
|
<input type="range" max="100" min="0" step="1" @model="minimumSpeed">
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<span>最大初速度</span>
|
|
<input type="range" max="100" min="0" step="1" @model="maximumSpeed">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<span>最小存在时间</span>
|
|
<input type="range" max="100" min="0.01" step="0.1" @model="minimumParticleLife">
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<span>最大存在时间</span>
|
|
<input type="range" max="100" min="0.01" step="0.1" @model="maximumParticleLife">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<span>起始比例</span>
|
|
<input type="range" max="10" min="0" step="0.1" @model="startScale">
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<span>结束比例</span>
|
|
<input type="range" max="10" min="0" step="0.1" @model="endScale">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<span>发射速率（个/秒）</span>
|
|
<input type="range" max="100" min="0" step="1" @model="emissionRate">
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<span>尺寸（像素）</span>
|
|
<input type="range" max="100" min="0" step="1" @model="particleSize">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
`
|
|
}
|
|
export { html } |