编程教学-XiaoL资源网
分享
技术专区

编程教学

帖子 0关注 2
网站编程技术分享，技术教学！
编程教学-XiaoL资源网
XiaoL的头像-XiaoL资源网超级版主发布

内容空空如也

网站信息

XiaoL资源网
XiaoL资源网
优质的资源聚集地
✓ 已复制
通知图标

欢迎访问XiaoL资源网

.xl-daily-wrap { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; margin: 0; padding: 0; } .xl-daily-card { width: 100%; background: #ffffff; border-radius: 16px; padding: 16px; margin-bottom: 16px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; box-sizing: border-box; } .xl-daily-title { font-size: 15px; font-weight: 600; color: #1d1d1f; margin: 0 0 12px 0; display: flex; align-items: center; gap: 6px; } .xl-daily-title::before { content: "✨"; font-size: 14px; } .xl-daily-content { font-size: 14px; color: #333; line-height: 1.6; padding: 12px; background: #f8f9fa; border-radius: 12px; margin-bottom: 12px; min-height: 48px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; } .xl-daily-copy { position: absolute; right: 10px; bottom: 8px; font-size: 11px; color: #999; cursor: pointer; opacity: 0; transition: 0.2s; } .xl-daily-content:hover .xl-daily-copy { opacity: 1; } .xl-daily-btn { width: 100%; padding: 10px; border-radius: 12px; border: none; background: #007aff; color: #fff; font-size: 14px; cursor: pointer; transition: 0.2s; } .xl-daily-btn:disabled { background: #d1d1d6; cursor: not-allowed; } .xl-daily-btn:active:not(:disabled) { transform: scale(0.98); }

XiaoL每日一句

点击下方按钮生成今日文案
const dailyContent = document.getElementById('dailyContent'); const generateBtn = document.getElementById('generateBtn'); // 复制功能 function addCopy() { const copyBtn = document.querySelector('.xl-daily-copy'); if (!copyBtn) return; copyBtn.addEventListener('click', () => { const text = dailyContent.innerText.replace('复制', ''); navigator.clipboard.writeText(text).then(() => { copyBtn.innerText = '已复制'; setTimeout(() => copyBtn.innerText = '复制', 1500); }); }); } // 点击生成文案 generateBtn.addEventListener('click', () => { // 禁用按钮，防止重复点击 generateBtn.disabled = true; dailyContent.innerHTML = '正在生成...'; // 请求AI fetch('/glm-proxy.php', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({msg: "生成一句适合资源网用户的正能量短句，50字以内，简洁温暖，无特殊符号"}) }) .then(res => res.json()) .then(data => { if (data.code === 1 && data.reply) { dailyContent.innerHTML = `${data.reply}复制`; } else { dailyContent.innerText = '生成失败，请重试'; } addCopy(); generateBtn.disabled = false; }) .catch(() => { dailyContent.innerText = '网络异常，请重试'; generateBtn.disabled = false; }); });
发布文章发布帖子
在手机上浏览此页面