yichael
/
AnimationManager


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>动画管理工具</title>
  <link rel="icon" type="image/png" href="static/favicon.png" />
  <link rel="stylesheet" href="css/index.css" />
  <link rel="stylesheet" href="css/alert-view.css" />
  <link rel="stylesheet" href="css/confirm-view.css" />
  <link rel="stylesheet" href="css/hint-view.css" />
</head>
<body>
  <div class="app-root">
    <!-- 导航栏 iframe -->
    <iframe id="navigationFrame" src="page/navigation/navigation.html" frameborder="0"></iframe>

    <!-- 子页面容器 -->
    <section class="page-container">
      <iframe id="pageFrame" src="page/store/store.html" frameborder="0"></iframe>
    </section>
  </div>

  <!-- 全局 Loading 遮罩 -->
  <div class="global-loading-overlay" id="globalLoadingOverlay">
    <div class="global-loading-content">
      <div class="global-loading-spinner"></div>
      <p class="global-loading-text">正在处理...</p>
    </div>
  </div>

  <!-- 全局文字提示 -->
  <div class="global-alert" id="globalAlert">
    <div class="alert-message" id="alertMessage"></div>
  </div>

  <!-- 全局提示遮罩层（用于服务器断连重连） -->
  <div class="alert-overlay" id="alertOverlay">
    <div class="alert-content">
      <div class="alert-spinner"></div>
      <div class="alert-message" id="alertOverlayMessage">服务器断开连接，正在重连...</div>
    </div>
  </div>

  <!-- 导出动画弹出框 iframe -->
  <iframe id="exportViewFrame" src="page/export/export-view.html?v=4" frameborder="0" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; border: none; pointer-events: none; visibility: hidden;"></iframe>

  <!-- AI生图弹出框 iframe -->
  <iframe id="aiGenerateViewFrame" src="page/ai-generate/ai-generate-view.html" frameborder="0" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; border: none;"></iframe>

  <!-- 登录/注册弹出框 iframe -->
  <iframe id="loginViewFrame" src="page/login/login.html" frameborder="0" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000001; border: none; background: transparent;"></iframe>

  <!-- 支付界面 iframe -->
  <iframe id="payViewFrame" src="page/pay-view/pay-view.html" frameborder="0" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000003; border: none; background: transparent;"></iframe>

  <!-- 充值界面 iframe -->
  <iframe id="rechargeViewFrame" src="page/recharge-view/recharge-view.html" frameborder="0" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000004; border: none; background: transparent;"></iframe>

  <script src="js/alert-view.js"></script>
  <script src="js/hint-view.js"></script>
  <script src="js/index.js"></script>
  <script src="js/confirm-view.js"></script>
</body>
</html>