WeWork/invitation-maker
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 抽离输入框配置并添加拖拽位置提示

Browse Source
This commit is contained in:
ZF Sun
2026-05-15 14:35:51 +08:00
parent 6a0294f0c0
commit c6f7787c35
4 changed files with 104 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -121,11 +121,11 @@
<!-- 输入框图层 -->
<div class="preview-input-layer" id="previewInputLayer">
<!-- 文字输入框1 - 企业 -->
<div class="text-input hidden" id="input1" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 234.445px; font-weight: bold;"></div>
<div class="text-input hidden" id="input1" contenteditable="false"></div>
<!-- 文字输入框2 - 姓名 -->
<div class="text-input hidden" id="input2" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 276.355px; font-weight: bold;"></div>
<div class="text-input hidden" id="input2" contenteditable="false"></div>
<!-- 文字输入框3 - 编号 -->
<div class="text-input hidden" id="input3" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 319.048px; font-weight: bold;"></div>
<div class="text-input hidden" id="input3" contenteditable="false"></div>
</div>
<!-- 提示文字（最上层，层叠图之下） -->
<div class="empty-tip" id="emptyTip">请点击上方「添加图片」按钮上传背景图</div>
@@ -171,6 +171,7 @@
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<script src="./js/inputs-config.js"></script>
<script src="./js/script.js"></script>
<script src="./js/qr.js"></script>
</body>