Files
02-ima/src/slides/workbuddy-connect-ima.html
T

19 lines
4.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<section class="slide" data-title="操作①:授权连接,让 WorkBuddy 访问 ima" data-chapter="教师场景实操" data-note="【口播】
先点更多,再点ima。切换到第二张图,查看连接说明:授权后可以浏览知识库、搜索并引用文件内容作为上下文。点击立即前往授权后,按页面完成登录并核对账号与权限,再确认。连接后应能看到知识库目录。
【操作与提醒】
两张图片均为用户提供的WorkBuddy V5.9.3截图,点击下方按钮切换,点击图片放大。截图未展示最终授权确认页;流程说明参考用户直播笔记,不代表本次代用户执行了授权。授权页说明可在设置中断开;浏览和引用权限不等于已验证写入权限。"><div class="page-kicker">WorkBuddy 中使用 ima · 操作步骤</div><div class="series-brand">AI × TEACHERS</div><h2 class="page-title">操作①:授权连接,让 WorkBuddy 访问 ima</h2><div class="artboard"><button class="element image-zoom auth-shot" data-auth-shot="entry" style="left:64px;top:195px;width:760px;height:416px;background:white;border:1px solid #D5E1E6;border-radius:14px" aria-label="放大WorkBuddy 更多菜单中的 ima 入口"><img src="asset:workbuddy-ima-entry.png" alt="WorkBuddy 更多菜单中的 ima 入口"></button><button class="element image-zoom auth-shot" data-auth-shot="authorization" hidden style="left:64px;top:195px;width:760px;height:416px;background:white;border:1px solid #D5E1E6;border-radius:14px" aria-label="放大WorkBuddy 连接 ima 授权说明"><img src="asset:workbuddy-ima-authorization.png" alt="WorkBuddy 连接 ima 授权说明"></button><div class="element shot-tabs" style="left:64px;top:621px;width:760px;height:32px"><button type="button" data-auth-target="entry" aria-pressed="true">① 找到入口</button><button type="button" data-auth-target="authorization" aria-pressed="false">② 查看授权说明</button></div><div class="element text feature-card" style="left:850px;top:195px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>找到入口</span></p><p><span class="feature-description">展开左侧栏,点击“更多”→“ima”,进入连接页面。</span></p></div></div><div class="element text feature-card" style="left:850px;top:346px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>确认授权</span></p><p><span class="feature-description">点“立即前往授权”,按页面完成登录;核对账号与授权内容后确认。</span></p></div></div><div class="element text feature-card" style="left:850px;top:497px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>检查连接</span></p><p><span class="feature-description">连接后应能看到知识库列表;如需断开,可按授权页说明到设置中处理。</span></p></div></div><div class="element text" style="left:64px;top:653px;width:760px;height:22px"><div class="text-inner"><p><span style="font-size:13px;color:#607286">用户提供的 WorkBuddy 截图 · 下方按钮切换,点击图片放大</span></p></div></div></div><div class="page-footer"><span>第二讲 · 知识库与 ima <span class="foot-time"> / 取 · 用 · 存</span></span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div><style>
:scope .feature-card{background:#EAF3F0;border:1px solid #D1E2DD;border-radius:14px;padding:14px 18px;box-sizing:border-box;align-items:flex-start}
:scope .feature-label{margin-bottom:8px}
:scope .feature-label span{font-size:23px;color:#17675D;font-weight:650}
:scope .feature-description{font-size:19px;color:#526477;line-height:1.55}
:scope .auth-shot[hidden]{display:none}
:scope .shot-tabs{display:flex;gap:12px}
:scope .shot-tabs button{font-size:17px;padding:7px 18px;border:1px solid #B9D7D1;border-radius:9px;color:#17675D;background:#FFF}
:scope .shot-tabs button[aria-pressed="true"]{background:#17675D;color:#FFF}
</style><script>
root.querySelectorAll('[data-auth-target]').forEach(button => button.addEventListener('click', () => {
root.querySelectorAll('[data-auth-shot]').forEach(shot => { shot.hidden = shot.dataset.authShot !== button.dataset.authTarget; });
root.querySelectorAll('[data-auth-target]').forEach(tab => tab.setAttribute('aria-pressed', String(tab === button)));
}));
</script></section>