49 lines
1.5 KiB
HTML
49 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<script src="qrcode.min.js"></script>
|
|
<script src="mammoth.browser.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>丰链工具箱</h1>
|
|
<div class="tab">
|
|
<button class="tablinks active" data-tab="qr">
|
|
<span class="icon">🔲</span>
|
|
二维码生成
|
|
</button>
|
|
<button class="tablinks" data-tab="word">
|
|
<span class="icon">📄</span>
|
|
Word转HTML
|
|
</button>
|
|
</div>
|
|
|
|
<div id="qr" class="tabcontent" style="display:block;">
|
|
<div class="input-group">
|
|
<input type="text" id="urlInput" placeholder="输入链接或文本">
|
|
<button id="generateBtn">生成二维码</button>
|
|
</div>
|
|
<div id="qrcode" class="result-container"></div>
|
|
</div>
|
|
|
|
<div id="word" class="tabcontent" style="display:none;">
|
|
<div class="file-upload">
|
|
<label for="wordFile" class="file-label">
|
|
<span class="icon">📎</span>
|
|
<span id="fileNameDisplay">选择Word文件</span>
|
|
</label>
|
|
<input type="file" id="wordFile" accept=".docx" hidden>
|
|
</div>
|
|
<div id="convertStatus" class="status-message"></div>
|
|
<div id="preview" class="preview-container"></div>
|
|
<button id="downloadBtn" class="download-btn" style="display:none;">
|
|
<span class="icon">💾</span>
|
|
下载HTML
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html> |