Msg Page

结果页通常来说可以认为进行一系列操作步骤后,作为流程结束的总结性页面。结果页的作用主要是告知用户操作处理结果以及必要的相关细节(可用于确认之前的操作是否有误)等信息;若该流程用于开启或关闭某些重要功能,可在结果页增加与该功能相关的描述性内容;除此之外,结果页也可以承载一些附加价值操作,例如提供抽奖、关注公众号等功能入口。

Msg Page - 图1

  1. <div class="weui-msg">
  2. <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>
  3. <div class="weui-msg__text-area">
  4. <h2 class="weui-msg__title">操作成功</h2>
  5. <p class="weui-msg__desc">内容详情,可根据实际需要安排,如果换行则不超过规定长度,居中展现<a href="javascript:void(0);">文字链接</a></p>
  6. </div>
  7. <div class="weui-msg__opr-area">
  8. <p class="weui-btn-area">
  9. <a href="javascript:history.back();" class="weui-btn weui-btn_primary">推荐操作</a>
  10. <a href="javascript:history.back();" class="weui-btn weui-btn_default">辅助操作</a>
  11. </p>
  12. </div>
  13. <div class="weui-msg__extra-area">
  14. <div class="weui-footer">
  15. <p class="weui-footer__links">
  16. <a href="javascript:void(0);" class="weui-footer__link">底部链接文本</a>
  17. </p>
  18. <p class="weui-footer__text">Copyright &copy; 2008-2016 weui.io</p>
  19. </div>
  20. </div>
  21. </div>

原文: https://github.com/Tencent/weui/wiki/Msg-Page