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 }