|
|
|
@ -17,6 +17,18 @@ function html(that) {
|
|
|
|
|
</div>
|
|
|
|
|
<span class="custom-divider"></span>
|
|
|
|
|
<div class="div-item">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" mode="0">
|
|
|
|
|
<button class="anchor btn">调整锚点</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col mode-box">
|
|
|
|
|
<span class="label" style="flex: unset;">军标模式</span>
|
|
|
|
|
<div class="mode"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="custom-divider" mode="0"></span>
|
|
|
|
|
<div class="div-item" mode="0">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col">
|
|
|
|
|
<span class="label">旋转角度</span>
|
|
|
|
@ -50,11 +62,11 @@ function html(that) {
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="custom-divider"></span>
|
|
|
|
|
<div class="div-item">
|
|
|
|
|
<div class="div-item" mode="0">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" style="flex: 5;">
|
|
|
|
|
<span class="label">文字内容</span>
|
|
|
|
|
<input class="input" type="text" @model="textValue" maxlength="30">
|
|
|
|
|
<input class="input" type="text" @model="textValue">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<button class="btn" @click="textPosPick">设置位置</span>
|
|
|
|
@ -70,9 +82,9 @@ function html(that) {
|
|
|
|
|
<div class="textColor"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col">
|
|
|
|
|
<span class="label">字体大小</span>
|
|
|
|
|
<span class="label">文字大小</span>
|
|
|
|
|
<div class="input-number input-number-unit-2">
|
|
|
|
|
<input class="input" type="number" title="" min="1" max="99" @model="textFontSize">
|
|
|
|
|
<input class="input" type="number" title="" min="1" max="99" step="1" @model="textFontSize">
|
|
|
|
|
<span class="unit">px</span>
|
|
|
|
|
<span class="arrow"></span>
|
|
|
|
|
</div>
|
|
|
|
@ -101,6 +113,98 @@ function html(that) {
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="div-item" mode="1">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col height-mode-box" style="flex: 0 0 155px;margin-right: 10px;">
|
|
|
|
|
<span class="label" style="flex: 0 0 56px;">高度模式</span>
|
|
|
|
|
<div class="height-mode"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" style="margin: 0 10px;">
|
|
|
|
|
<div class="height-box" style="display: flex; align-items: center;">
|
|
|
|
|
<span class="label" style="flex: 0 0 56px;">高度</span>
|
|
|
|
|
<div class="input-number input-number-unit-1">
|
|
|
|
|
<input class="input height" type="number" title="" min="-9999999" max="999999999">
|
|
|
|
|
<span class="unit">m</span>
|
|
|
|
|
<span class="arrow"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" style="margin-left: 10px;">
|
|
|
|
|
<span class="label">图标倍数</span>
|
|
|
|
|
<div class="input-number input-number-unit-1">
|
|
|
|
|
<input class="input" type="number" title="" data-min="0.1" max="99" @model="billboardScale">
|
|
|
|
|
<span class="unit">倍</span>
|
|
|
|
|
<span class="arrow"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" style="flex: 0 0 155px;margin-right: 10px;">
|
|
|
|
|
<span class="label">视野缩放</span>
|
|
|
|
|
<input class="btn-switch" type="checkbox" @model="billboardScaleByDistance">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" style="margin: 0 10px;">
|
|
|
|
|
<span class="label">最近距离</span>
|
|
|
|
|
<div class="input-number input-number-unit-1">
|
|
|
|
|
<input class="input" type="number" title="" min="1" max="99999999" @model="billboardNear">
|
|
|
|
|
<span class="unit">m</span>
|
|
|
|
|
<span class="arrow"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" style="margin-left: 10px;">
|
|
|
|
|
<span class="label">最远距离</span>
|
|
|
|
|
<div class="input-number input-number-unit-1">
|
|
|
|
|
<input class="input" type="number" title="" min="1" max="99999999" @model="billboardFar">
|
|
|
|
|
<span class="unit">m</span>
|
|
|
|
|
<span class="arrow"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<h4>文字设置</h4>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col" style="flex: 0 0 80px;margin: 0 10px 0 0;;">
|
|
|
|
|
<span class="label" style="flex: none;">显隐</span>
|
|
|
|
|
<input class="btn-switch" type="checkbox" @model="labelShow">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col font-select-box" style="margin: 0 0px;flex: 0 0 160px;">
|
|
|
|
|
<span class="label" style="flex: none;">字体选择</span>
|
|
|
|
|
<div class="input input-select font-select"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" style="margin: 0 10px;">
|
|
|
|
|
<span class="label">文字大小</span>
|
|
|
|
|
<div class="input-number input-number-unit-2">
|
|
|
|
|
<input class="input label-font-size" type="number" title="" min="1" max="99" step="1" style="width: 70px;">
|
|
|
|
|
<span class="unit">px</span>
|
|
|
|
|
<span class="arrow"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" style="margin-left: 10px;">
|
|
|
|
|
<span class="label">文字颜色</span>
|
|
|
|
|
<div class="labelColor"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row" style="justify-content: flex-start;">
|
|
|
|
|
<div class="col font-select-box" style="margin: 0 0px;flex: 0 0 70px;">
|
|
|
|
|
<span class="label" style="flex: none;">文字偏移</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" style="margin: 0 10px;flex: 0 0 100px;">
|
|
|
|
|
<span class="label">x</span>
|
|
|
|
|
<div class="input-number input-number-unit-2">
|
|
|
|
|
<input class="input label-offset-x" type="number" title="" min="-999" max="999" step="1">
|
|
|
|
|
<span class="unit">px</span>
|
|
|
|
|
<span class="arrow"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col" style="margin: 0 10px;flex: 0 0 100px;">
|
|
|
|
|
<span class="label">y</span>
|
|
|
|
|
<div class="input-number input-number-unit-2">
|
|
|
|
|
<input class="input label-offset-y" type="number" title="" min="-999" max="999" step="1">
|
|
|
|
|
<span class="unit">px</span>
|
|
|
|
|
<span class="arrow"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="custom-divider"></span>
|
|
|
|
|
<div class="div-item attribute-info">
|
|
|
|
|
<div class="row">
|
|
|
|
|