Msg

结果页

结果页通常来说可以认为进行一系列操作步骤后,作为流程结束的总结性页面。结果页的作用主要是告知用户操作处理结果以及必要的相关细节(可用于确认之前的操作是否有误)等信息;若该流程用于开启或关闭某些重要功能,可在结果页增加与该功能相关的描述性内容。

实现这个功能比较容易,使用微信 API wx.navigateTo()即可,mpvue框架中示例代码如下:

  1. <template>
  2. <div class="page">
  3. <div class="weui-btn-area">
  4. <button class="weui-btn" type="default" @click="openSuccess">成功提示页</button>
  5. <button class="weui-btn" type="default" @click="openFail">失败提示页</button>
  6. </div>
  7. </div>
  8. </template>
  9. <script>
  10. import base64 from '../../../static/images/base64';
  11. export default {
  12. data() {
  13. return {
  14. }
  15. },
  16. methods: {
  17. openSuccess() {
  18. wx.navigateTo({
  19. url: '../msg-success/msg-success'
  20. })
  21. },
  22. openFail: function () {
  23. wx.navigateTo({
  24. url: '../msg-fail/msg-fail'
  25. })
  26. }
  27. }
  28. }
  29. </script>
  30. <style>
  31. page {
  32. margin-top: 50px;
  33. padding: 15px;
  34. box-sizing: border-box;
  35. }
  36. </style>

效果

msg01