chore: update message demo

[code-x2022]

🤔 这个 PR 的性质是？

• 日常 bug 修复
• 新特性提交
• 文档改进
• 演示代码改进
• 组件样式/交互改进
• CI/CD 改进
• 重构
• 代码风格优化
• 测试用例
• 分支合并
• 其他

🔗 相关 Issue

💡 需求背景和解决方案

📝 更新日志

• chore(message): 使用spac组件替换demo

• 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

• 文档已补充或无须补充
• 代码演示已提供或无须提供
• TypeScript 定义已补充或无须补充
• Changelog 已提供或无须提供

[codecov-commenter]

Codecov Report

Merging #1455 (b2b8ffd) into develop (492d477) will increase coverage by 2.60%.
The diff coverage is 90.99%.

@@             Coverage Diff             @@
##           develop    #1455      +/-   ##
===========================================
+ Coverage    57.94%   60.54%   +2.60%     
===========================================
  Files          407      646     +239     
  Lines        15371    16166     +795     
  Branches      2931     2936       +5     
===========================================
+ Hits          8907     9788     +881     
+ Misses        6187     6084     -103     
- Partials       277      294      +17     

Impacted Files	Coverage Δ
src/alert/_example/icon.vue	100.00% <ø> (ø)
src/alert/_usage/index.vue	0.00% <ø> (ø)
src/anchor/_usage/index.vue	0.00% <ø> (ø)
src/avatar/_example/base.vue	100.00% <ø> (ø)
src/avatar/_usage/index.vue	0.00% <ø> (ø)
src/badge/_usage/index.vue	0.00% <ø> (ø)
src/breadcrumb/_example/custom.vue	100.00% <ø> (ø)
src/breadcrumb/_example/dropdown.vue	100.00% <ø> (ø)
src/button/_example/icon.vue	100.00% <ø> (ø)
src/button/_usage/index.vue	0.00% <ø> (ø)
... and 455 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[github-actions]

[uyarn]

修改之后这个demo失效了 麻烦再检查一下

[code-x2022]

修改之后这个demo失效了 再检查一下

已修改，改为挂载到body上