67 lines
2.7 KiB
JavaScript
67 lines
2.7 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" type="text" name="name">
|
||
|
|
</div>
|
||
|
|
<div class="col"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<span class="custom-divider"></span>
|
||
|
|
<div class="div-item">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col">
|
||
|
|
<input type="checkbox" name="isTotalTime" style="width: 16px; line-height: 15px; height: 15px; cursor: pointer; width: auto; margin-right: 5px;">
|
||
|
|
<span class="label">设置总时长</span>
|
||
|
|
<div class="input-number input-number-unit-3">
|
||
|
|
<input class="input total-time" type="number" title="" min="0" max="999999.99" step="0.01" name="totalTime" value="0">
|
||
|
|
<span class="unit" style="top: 6px;">秒(s)</span>
|
||
|
|
<span class="arrow"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<input type="checkbox" name="repeat" style="width: 16px; line-height: 15px; height: 15px; cursor: pointer; width: auto; margin-right: 5px;">
|
||
|
|
<span class="label">是否循环播放</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<span class="custom-divider"></span>
|
||
|
|
<div class="div-item">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col">
|
||
|
|
<button class="add-point"><svg class="icon-add"><use xlink:href="#yj-icon-add"></use></svg>增加视点</button>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<button class="modify-point"><svg class="icon-edit"><use xlink:href="#yj-icon-edit"></use></svg>调整视点</button>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<button class="afreshPlay"><svg class="icon-play"><use xlink:href="#yj-icon-play"></use></svg>播放</button>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<button class="cease"><svg class="icon-pause"><use xlink:href="#yj-icon-pause"></use></svg>结束</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="table">
|
||
|
|
<div class="table-head">
|
||
|
|
<div class="tr">
|
||
|
|
<div class="th">序号</div>
|
||
|
|
<div class="th">时长(s)</div>
|
||
|
|
<div class="th">操作</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="table-body">
|
||
|
|
<div class="table-empty">
|
||
|
|
<div class="empty-img"></div>
|
||
|
|
<p>暂无数据</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<span class="custom-divider"></span>
|
||
|
|
`
|
||
|
|
}
|
||
|
|
|
||
|
|
export { html }
|