54 lines
1.3 KiB
JavaScript
54 lines
1.3 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" @model="name">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<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-3">
|
||
|
|
<input class="input" type="number" title="" @model="height">
|
||
|
|
<span class="unit">m</span>
|
||
|
|
<span class="arrow"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<span class="label">精度</span>
|
||
|
|
<div class="input-number input-number-unit-3">
|
||
|
|
<input class="input" type="number" title="" min="0.1" max="10" step="0.1" @model="accuracy">
|
||
|
|
<span class="unit">倍</span>
|
||
|
|
<span class="arrow"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col">
|
||
|
|
<span class="label">透视</span>
|
||
|
|
<input type="range" min="0" max="1" step="0.01" @model="transparency">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`
|
||
|
|
}
|
||
|
|
function css() {
|
||
|
|
return `
|
||
|
|
.YJ-custom-base-dialog>.content {
|
||
|
|
width: 420px;
|
||
|
|
}
|
||
|
|
.YJ-custom-base-dialog>.content .row .label {
|
||
|
|
flex: 0 0 45px;
|
||
|
|
}
|
||
|
|
`
|
||
|
|
}
|
||
|
|
|
||
|
|
export { html, css }
|