refactor(字幕面板): 简化字幕样式配置并改进拖拽交互
移除字幕面板中不必要的尺寸和位置配置项,仅保留字体大小设置 重构拖拽和调整大小功能,改进视觉效果和交互体验
This commit is contained in:
@@ -78,26 +78,10 @@
|
||||
<button class="panel-close" data-panel="captionPanel">×</button>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<div class="form-group">
|
||||
<label for="captionWidth">宽度 (px)</label>
|
||||
<input type="number" id="captionWidth" value="400" min="200" max="800">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="captionHeight">高度 (px)</label>
|
||||
<input type="number" id="captionHeight" value="200" min="100" max="600">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="captionFontSize">字体大小 (px)</label>
|
||||
<input type="number" id="captionFontSize" value="16" min="12" max="32">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="captionRight">距右侧距离 (px)</label>
|
||||
<input type="number" id="captionRight" value="20" min="0" max="100">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="captionBottom">距底部距离 (px)</label>
|
||||
<input type="number" id="captionBottom" value="20" min="0" max="200">
|
||||
</div>
|
||||
<button id="applyCaptionStyleBtn" class="btn btn-primary" style="width: 100%; margin-top: 16px;">应用样式</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user