succeed.vue 670 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <view class="content wrap">
  3. <u-icon name="checkmark-circle-fill" color="#11d183" size="200"></u-icon>
  4. <view class="title">{{title}}</view>
  5. <u-button type="success" @click="backHome">返回首页</u-button>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. title:'',
  13. }
  14. },
  15. onLoad(page) {
  16. console.log('page',page);
  17. this.title = page.title;
  18. },
  19. methods: {
  20. backHome(){
  21. this.$u.route({
  22. url: 'pages/index/index',
  23. })
  24. }
  25. }
  26. }
  27. </script>
  28. <style lang="scss" scoped>
  29. .content{
  30. padding-top: 10vh;
  31. text-align: center;
  32. }
  33. .title{
  34. margin-top: 24rpx;
  35. margin-bottom: 124rpx;
  36. font-size: 40rpx;
  37. }
  38. </style>