NineAI二开v3.0可商业化AIWeb应用免授权支持快速部署附带详细安装部署教程

资讯 2024-07-09 阅读:50 评论:0

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8">...

美化布局示例

欧易(OKX)最新版本

【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费！

APP下载全球官网大陆官网

币安(Binance)最新版本

币安交易所app【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费！

APP下载官网地址

火币HTX最新版本

火币老牌交易所【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费！

APP下载官网地址

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8">  <meta content="yes" name="apple-mobile-web-app-capable" /> <link rel="apple-touch-icon" href=https://download.csdn.net/download/fegus/"/favicon.ico"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" /> <title>AI Web</title> <script type="module" crossorigin src=https://download.csdn.net/download/fegus/"/assets/index-d574bfe0.js"></script> <link rel="stylesheet" href=https://download.csdn.net/download/fegus/"/assets/index-266f7dcf.css"> </head> <body class="dark:bg-black"> <div id="app"> <style> * { box-sizing: border-box; } .main-container { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; } body { background: #fff; } .loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9999; } .loading-text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; width: 100%; height: 100px; line-height: 100px; color: #fff; } .loading-text span { display: inline-block; margin: 0 5px; font-family: "Quattrocento Sans", sans-serif; } .loading-text span:nth-child(1) { filter: blur(0px); animation: blur-text 1.5s 0s infinite linear alternate; } .loading-text span:nth-child(2) { filter: blur(0px); animation: blur-text 1.5s 0.2s infinite linear alternate; } .loading-text span:nth-child(3) { filter: blur(0px); animation: blur-text 1.5s 0.4s infinite linear alternate; } .loading-text span:nth-child(4) { filter: blur(0px); animation: blur-text 1.5s 0.6s infinite linear alternate; } .loading-text span:nth-child(5) { filter: blur(0px); animation: blur-text 1.5s 0.8s infinite linear alternate; } .loading-text span:nth-child(6) { filter: blur(0px); animation: blur-text 1.5s 1s infinite linear alternate; } .loading-text span:nth-child(7) { filter: blur(0px); animation: blur-text 1.5s 1.2s infinite linear alternate; } @keyframes blur-text { 0% { filter: blur(0px); } 100% { filter: blur(4px); } } @media (prefers-color-scheme: dark) { body { background: #121212; } } </style>  <script src=https://download.csdn.net/download/fegus/"https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> const now=new Date() const hour=now.getHours() const words=document.querySelectorAll('.loading-text-words') const theme=localStorage.theme if (theme) { if (theme==='dark') { document.body.style.backgroundColor='#111827' for (let i=0; i < words.length; i++) { const word=words[i] word.style.color='#9ca3af' } } if (theme==='light') { document.body.style.backgroundColor='#fff' for (let i=0; i < words.length; i++) { const word=words[i] word.style.color='#111827' } } } else { if (!theme && hour >=6 && hour <=20) { document.body.style.backgroundColor='#fff' for (let i=0; i < words.length; i++) { const word=words[i] word.style.color='#111827' } } else { document.body.style.backgroundColor='#111827' for (let i=0; i < words.length; i++) { const word=words[i] word.style.color='#111827' } } } </script> </body> </html> <script>document.querySelector('html').classList.toggle('loading') </script>

美化布局示例