加入导入书签功能

popup.html

@@ -124,7 +124,7 @@
 
     <section class="list-section" id="listSection">
       <div class="list-header">
-        <h2 data-i18n="configuredDomainsTitle">已配置域名</h2>
+
         <div class="list-actions">
           <button type="button" id="searchBtn" class="btn-io btn-icon" data-i18n-title="searchBtnTitle" title="搜索">
             <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
@@ -142,6 +142,9 @@
           <button type="button" id="importBtn" class="btn-io btn-icon" data-i18n-title="importBtn" title="导入">
             <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21V9"/><path d="M7 16l5 5 5-5"/><path d="M5 7V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v2"/></svg>
           </button>
+          <button type="button" id="importBookmarkBtn" class="btn-io btn-icon" data-i18n-title="importBookmarkBtnTitle" title="从书签导入">
+            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>
+          </button>
           <input type="file" id="importFile" accept="application/json,.json" hidden>
         </div>
       </div>
@@ -310,6 +313,25 @@
     </div>
   </div>
 
+  <!-- 从书签导入对话框 -->
+  <div id="bookmarkModal" class="modal">
+    <div class="modal-content bookmark-modal-content">
+      <h3 data-i18n="bookmarkImportTitle">从书签导入</h3>
+      <div class="bookmark-toolbar">
+        <label class="bookmark-select-all">
+          <input type="checkbox" id="bookmarkSelectAll">
+          <span data-i18n="bookmarkSelectAll">全选</span>
+        </label>
+        <input type="text" id="bookmarkSearch" data-i18n-placeholder="bookmarkSearchPlaceholder" placeholder="搜索书签">
+      </div>
+      <div id="bookmarkList" class="bookmark-list"></div>
+      <div class="modal-actions">
+        <button type="button" id="bookmarkCancel" class="btn-edit" data-i18n="cancelBtn">取消</button>
+        <button type="button" id="bookmarkConfirm" class="btn-primary" data-i18n="bookmarkImportBtn">导入选中</button>
+      </div>
+    </div>
+  </div>
+
   <script src="utils.js"></script>
   <script src="env-store.js"></script>
   <script src="crypto-store.js"></script>