鋼哥們AI - 您的智能鋼材助手是基于人工智能技術的智能助手，為您提供24小時在線咨詢服務。
我的鋼哥們AI使用指南 - 功能說明
?? 概述
為"我的鋼哥們AI"功能創建了一個完整的、通俗易懂的使用指南頁面，幫助用戶快速了解和使用專屬AI助手功能。
---
? 新增內容
1. 幫助文檔頁面
訪問路徑: `/kucun/ai-guide/` 頁面特點:- ?? 綠色主題設計（與"我的鋼哥們AI"按鈕顏色呼應）
- ?? 完全響應式布局
- ?? 側邊導航快速定位
- ?? 平滑滾動動畫
- ?? 8個主要章節
?? 文檔結構
1?? 什么是"我的鋼哥們AI"？
內容:- 簡單易懂的功能介紹
- 形象的比喻（24小時在線業務員）
- 三大核心特點卡片：
---
2?? 功能特點
內容:- ? 核心優勢（5個要點）
- ?? 用戶體驗
---
3?? 如何使用
內容: 4步操作流程 步驟1: ?? 上傳庫存數據- 批量上傳（推薦）
- 手動添加
- 體驗功能
- 按鈕位置說明
- 視覺示意
- 查詢示例
- 輸入輸出對比
- 專屬鏈接格式
- 分享方式
- 分享好處
---
4?? 使用示例
內容: 3個真實場景示例 示例1: 查詢價格 示例2: 查詢庫存 示例3: 查詢不存在的庫存 目標: 讓用戶看到實際效果---
5?? 與全站AI對比
內容: 詳細對比表格
| 對比項 | 全站AI | 我的專屬AI |
|---|---|---|
| 查詢范圍 | 所有商家 | ? 只有您的 |
| 查詢結果 | 多個商家 | ? 只顯示您的 |
| 適用場景 | 市場行情 | ? 客戶服務 |
| 分享客戶 | ? 不建議 | ? 推薦 |
- ?? 全站AI不適合分享給客戶（會看到其他商家）
- ? 專屬AI推薦分享（只看您的庫存）
---
6?? 應用場景
內容: 5個實際應用場景 場景1: ?? 快速自查庫存- 情況：想快速查某個規格
- 解決：秒出結果，不用翻Excel
- 效果：從3分鐘縮短到5秒
- 情況：客戶打電話詢價
- 解決：邊接電話邊查詢
- 效果：顯得專業高效
- 情況：老客戶經常詢價
- 解決：發鏈接讓客戶自助查詢
- 效果：省心省力
- 情況：現場客戶問價
- 解決：手機打開AI現場演示
- 效果：展示公司實力
- 情況：想展示庫存
- 解決：發鏈接讓客戶自己查
- 效果：新鮮有趣，易傳播
---
7?? 使用技巧
內容: 6個實用技巧
| 技巧 | 說明 |
|---|---|
| ?? 保持庫存更新 | 定期更新價格和數量 |
| ?? 完善庫存信息 | 填寫完整信息 |
| ?? 收藏專屬鏈接 | 添加到書簽 |
| ??? 培訓客戶使用 | 教客戶怎么問 |
| ?? 生成二維碼 | 印在名片上 |
| ?? 先用體驗功能 | 測試效果 |
---
8?? 常見問題
內容: 8個常見問題解答 Q1: 專屬AI鏈接在哪里找？ A: 格式為 `http://www.scicc.org.cn/chat/用戶ID/` Q2: 客戶能看到我的所有庫存嗎？ A: 只能查詢，不能瀏覽所有 Q3: 更新庫存后，AI會立即更新嗎？ A: 是的，立即同步 Q4: 專屬AI收費嗎？ A: 完全免費 Q5: 客戶問的規格我沒有，AI會怎么回答？ A: 禮貌告知"沒有找到" Q6: 可以自定義AI的回答內容嗎？ A: 目前固定格式，可聯系客服提建議 Q7: 專屬AI和全站AI有什么區別？ A: 鏈接到對比章節 Q8: 沒有庫存，可以先體驗嗎？ A: 可以用"體驗庫存"功能 目標: 解決用戶疑問---
?? 設計特色
1. 配色方案
| 元素 | 顏色 | 說明 |
|---|---|---|
| 主色調 | #28a745 → #20c997 | 綠色漸變（與AI按鈕一致） |
| 輔助色 | #667eea → #764ba2 | 紫色漸變（與其他功能呼應） |
| 標題 | #28a745 | 綠色 |
| 成功框 | #d4edda → #c3e6cb | 淺綠色漸變 |
| 提示框 | #fff3cd → #ffeaa7 | 黃色漸變 |
| 警告框 | #ffe5e5 → #ffc9c9 | 紅色漸變 |
| 示例框 | #e3f2fd → #bbdefb | 藍色漸變 |
2. 圖標系統
| 章節 | 圖標 | 含義 |
|---|---|---|
| 什么是 | `bx-question-mark` | 問號 |
| 功能特點 | `bx-star` | 星星 |
| 如何使用 | `bx-play-circle` | 播放 |
| 使用示例 | `bx-chat` | 聊天 |
| 對比 | `bx-git-compare` | 對比 |
| 應用場景 | `bx-briefcase` | 公文包 |
| 使用技巧 | `bx-bulb` | 燈泡 |
| 常見問題 | `bx-help-circle` | 幫助 |
3. 交互效果
卡片懸停: 按鈕效果: 側邊導航: 平滑滾動:- 點擊側邊導航 → 800ms平滑滾動到對應章節
- 滾動頁面 → 自動更新側邊導航激活狀態
- 滾動超過300px → 按鈕淡入
- 點擊 → 800ms平滑滾動到頂部
- 懸停 → 上浮5px
?? 響應式設計
桌面端 (≥768px)
移動端 (<768px)
---
1. 視圖函數
2. URL路由
3. 入口鏈接
位置: "我的鋼哥們AI"按鈕旁邊 樣式: 綠色邊框按鈕（與AI按鈕顏色呼應）---
?? 頁面元素清單
頂部導航
- ? 綠色漸變背景
- ? 機器人圖標（帶彈跳動畫）
- ? 主標題："我的鋼哥們AI使用指南"
- ? 副標題："您的專屬AI助手..."
- ? 固定定位（滾動時保持在頂部）
側邊導航
- ? 8個章節鏈接
- ? 圖標 + 文字
- ? 激活狀態高亮
- ? 懸停效果
- ? 固定定位（桌面端）
主內容區
- ? 8個章節內容
- ? 各類卡片（特色、步驟、場景）
- ? 對比表格
- ? 示例框
- ? 提示框、警告框、成功框
- ? 圖標列表
底部操作欄
- ? 標題："準備好開始使用了嗎？"
- ? 兩個按鈕：
返回頂部按鈕
- ? 固定在右下角
- ? 圓形綠色漸變
- ? 向上箭頭圖標
- ? 滾動超過300px顯示
?? 用戶體驗優化
1. 信息層次清晰
2. 視覺引導
- ?? 顏色區分不同類型的信息
- ?? 圖標幫助快速識別
- ?? 提示框突出重點
- ?? 警告框提醒注意事項
- ? 成功框鼓勵操作
3. 閱讀體驗
- ?? 清晰的章節結構
- ?? 側邊導航快速定位
- ?? 響應式布局適配各種設備
- ?? 平滑滾動動畫
- ?? 舒適的配色和間距
4. 操作便捷
- ?? 一鍵跳轉到對應章節
- ?? 快速返回頂部
- ?? 直接跳轉到上傳庫存頁面
- ?? 返回庫存管理頁面
?? 內容特點
1. 通俗易懂
- ? 避免技術術語
- ? 使用日常語言
- ? 形象的比喻（24小時在線業務員）
- ? 真實的場景舉例
2. 結構清晰
- ?? 8個主要章節
- ?? 步驟編號
- ?? 對比表格
- ?? 示例對話
3. 實用性強
- ?? 真實應用場景
- ?? 實用技巧
- ??? 推薦話術
- ? 常見問題解答
4. 視覺友好
- ?? 豐富的顏色
- ??? 圖標裝飾
- ?? 卡片布局
- ?? 動畫效果
?? 與其他功能的關聯
1. 體驗庫存功能
關聯:- 在"如何使用"章節中提到可以用"體驗庫存"測試AI
- 在"常見問題"中說明如何先體驗
- 體驗庫存使用指南: `/kucun/guide/`
- 我的鋼哥們AI使用指南: `/kucun/ai-guide/`
2. 價格表功能
關聯:- 都是展示用戶庫存的方式
- 價格表是靜態展示，AI是動態查詢
- 價格表：一次性查看所有庫存
- AI：按需查詢特定規格
3. 庫存管理
關聯:- AI查詢的數據來源于庫存管理
- 庫存更新后AI立即同步
- 從庫存管理頁面進入AI
- 從AI指南返回庫存管理
?? 相關文件
- ? - 幫助文檔頁面（完整）
- ? `我的鋼哥們AI使用指南說明.md` - 本文檔
- ? - 添加 `/ai-guide/` 路由
- ? - 添加"AI使用指南"按鈕
?? 完成清單
- [x] 創建幫助文檔HTML頁面
- [x] 設計8個主要章節內容
- [x] 配置URL路由
- [x] 在庫存管理頁面添加入口鏈接
- [x] 實現側邊導航
- [x] 實現平滑滾動
- [x] 實現返回頂部按鈕
- [x] 響應式布局適配
- [x] 編寫說明文檔
?? 使用建議
對商家
- 首次使用前: 先閱讀這個指南，了解功能
- 上傳庫存后: 立即測試專屬AI效果
- 分享給客戶前: 確保庫存信息準確完整
- 定期更新: 保持庫存數據最新
對客戶
- 收到鏈接后: 可以查看這個指南了解如何使用
- 查詢時: 用自然語言提問即可
- 找不到時: 聯系商家詢問是否可以調貨
?? 后續優化建議
功能增強
- [ ] 添加視頻教程
- [ ] 添加在線客服入口
- [ ] 添加用戶反饋功能
- [ ] 添加打印/下載PDF功能
內容完善
- [ ] 添加更多真實案例
- [ ] 添加用戶評價
- [ ] 添加常見錯誤排查
- [ ] 添加高級技巧章節
交互優化
- [ ] 添加進度指示器
- [ ] 添加閱讀時間估算
- [ ] 添加章節完成標記
- [ ] 添加相關文章推薦
?? 技術支持
如有問題，請聯系：
- 客服電話: 15222666199
- 網站: www.scicc.org.cn
?? 總結
成功創建了一個完整的、通俗易懂的"我的鋼哥們AI"使用指南：
- ? 8個主要章節，內容全面
- ?? 綠色主題設計，視覺統一
- ?? 完全響應式，適配各種設備
- ?? 平滑動畫，體驗流暢
- ?? 通俗易懂，小白也能看懂
- ?? 結構清晰，快速定位
- ?? 實用性強，解決實際問題