109 lines
4.9 KiB
JavaScript
109 lines
4.9 KiB
JavaScript
function html() {
|
|
return `
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row" style="align-items: flex-start;">
|
|
<div class="col" style="flex: 0 0 120px;">
|
|
<span class="label">等高线</span>
|
|
<input class="btn-switch show" type="checkbox">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row">
|
|
<div class="col input-select-unit-box">
|
|
<span class="label">等高距</span>
|
|
<div class="input-number input-number-unit-1">
|
|
<input class="input equal-height-distance" type="number" title="" min="1" max="1000">
|
|
<span class="unit">m</span>
|
|
<span class="arrow"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col input-select-unit-box" style="flex: 0 0 60px;">
|
|
</div>
|
|
<div class="col input-select-unit-box" style="flex: 0 0 157px;">
|
|
<span class="label">选中线颜色</span>
|
|
<div class="active-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="custom-divider"></span>
|
|
<div class="div-item">
|
|
<div class="row" style="align-items: flex-start;">
|
|
<div class="col" style="flex: 0 0 120px;">
|
|
<span class="label">计曲线</span>
|
|
<input class="btn-switch index-contour-switch" type="checkbox">
|
|
</div>
|
|
<div class="col input-select-unit-box" style="flex: 0 0 120px;">
|
|
<span class="label">计曲线颜色</span>
|
|
<div class="index-contour-color"></div>
|
|
</div>
|
|
<div class="col input-select-unit-box">
|
|
<span class="label">计曲线宽度</span>
|
|
<div class="input-number input-number-unit-1">
|
|
<input class="input index-contour-width" type="number" title="" step="0.1" min="1" max="10">
|
|
<span class="unit">px</span>
|
|
<span class="arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="align-items: flex-start;">
|
|
<div class="col" style="flex: 0 0 120px;">
|
|
<span class="label">首曲线</span>
|
|
<input class="btn-switch intermediate-contour-switch" type="checkbox">
|
|
</div>
|
|
<div class="col input-select-unit-box" style="flex: 0 0 120px;">
|
|
<span class="label">首曲线颜色</span>
|
|
<div class="intermediate-contour-color"></div>
|
|
</div>
|
|
<div class="col input-select-unit-box">
|
|
<span class="label">首曲线宽度</span>
|
|
<div class="input-number input-number-unit-1">
|
|
<input class="input intermediate-contour-width" type="number" step="0.1" title="" min="1" max="10">
|
|
<span class="unit">px</span>
|
|
<span class="arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="align-items: flex-start;">
|
|
<div class="col" style="flex: 0 0 120px;">
|
|
<span class="label">间曲线</span>
|
|
<input class="btn-switch halfInterval-contour-switch" type="checkbox">
|
|
</div>
|
|
<div class="col input-select-unit-box" style="flex: 0 0 120px;">
|
|
<span class="label">间曲线颜色</span>
|
|
<div class="halfInterval-contour-color"></div>
|
|
</div>
|
|
<div class="col input-select-unit-box">
|
|
<span class="label">间曲线宽度</span>
|
|
<div class="input-number input-number-unit-1">
|
|
<input class="input halfInterval-contour-width" type="number" title="" min="1" max="10">
|
|
<span class="unit">px</span>
|
|
<span class="arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="align-items: flex-start;">
|
|
<div class="col" style="flex: 0 0 120px;">
|
|
<span class="label">助曲线</span>
|
|
<input class="btn-switch supplementary-contour-switch" type="checkbox">
|
|
</div>
|
|
<div class="col input-select-unit-box" style="flex: 0 0 120px;">
|
|
<span class="label">助曲线颜色</span>
|
|
<div class="supplementary-contour-color"></div>
|
|
</div>
|
|
<div class="col input-select-unit-box">
|
|
<span class="label">助曲线宽度</span>
|
|
<div class="input-number input-number-unit-1">
|
|
<input class="input supplementary-contour-width" type="number" title="" min="1" max="10">
|
|
<span class="unit">px</span>
|
|
<span class="arrow"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`
|
|
}
|
|
|
|
export { html } |