applysharesuccess.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <view class="pages">
  3. <view class="icon-wrap u-flex u-row-center">
  4. <u-icon name="checkmark" color="#fff" size="80"></u-icon>
  5. </view>
  6. <view class="title">{{title}}</view>
  7. <view class="full-btn" @click="btnClick">完成</view>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {
  14. fromPage:'',
  15. title:'提交成功,请耐心等待审核'
  16. }
  17. },
  18. onShow() {
  19. },
  20. onLoad(page) {
  21. this.fromPage = page.fromPage;
  22. if(this.fromPage=='nocash'){
  23. this.title = '兑换成功'
  24. }
  25. },
  26. methods: {
  27. btnClick(){
  28. uni.reLaunch({url: '/center/center'});
  29. }
  30. }
  31. }
  32. </script>
  33. <style>
  34. page{
  35. background-color: #F5F5F5;
  36. padding-top: 10vh;
  37. }
  38. </style>
  39. <style lang="scss" scoped>
  40. .pages{
  41. text-align: center;
  42. }
  43. .icon-wrap{
  44. width: 180rpx;
  45. height: 180rpx;
  46. margin: 120rpx auto 20rpx;
  47. padding: 20rpx;
  48. background-color: #F01414;
  49. border-radius: 50%;
  50. }
  51. .title{
  52. font-size: 32rpx;
  53. font-weight: 600;
  54. color: #333333;
  55. line-height: 40rpx;
  56. margin-bottom: 120rpx;
  57. }
  58. .full-btn{
  59. margin: 20rpx 10%;
  60. }
  61. </style>