applyResult.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <template>
  2. <view class="applyResult-container container">
  3. <view class="middle-cont">
  4. <image src="https://hzstatic.hzinsights.com/cygx/czbk/success_ico.png" class="success_ico"></image>
  5. <text>申请已提交</text>
  6. <text>请等待销售人员与您联系</text>
  7. <view class="btn-cont" @click="goIndex"> 返回 </view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. phone: "",
  16. type: "",
  17. };
  18. },
  19. methods: {
  20. // 拨打电话
  21. callNum() {
  22. uni.makePhoneCall({
  23. phoneNumber: this.phone,
  24. });
  25. },
  26. // 返回
  27. goIndex() {
  28. uni.navigateBack({
  29. delta: 2,
  30. fail: (err) => {
  31. uni.switchTab({
  32. url: "/pages/index/index",
  33. });
  34. },
  35. });
  36. },
  37. },
  38. };
  39. </script>
  40. <style lang="scss" scoped>
  41. .applyResult-container {
  42. .middle-cont {
  43. margin: 90rpx auto 0;
  44. text-align: center;
  45. font-size: 32rpx;
  46. line-height: 52rpx;
  47. .success_ico {
  48. width: 150rpx;
  49. height: 150rpx;
  50. margin: 0 auto 30rpx;
  51. }
  52. .contract-cont {
  53. margin-top: 80rpx;
  54. .phone_num {
  55. display: inline;
  56. color: #d4bf86;
  57. }
  58. }
  59. .btn-cont {
  60. width: 368rpx;
  61. height: 80rpx;
  62. background: linear-gradient(268deg, #2ddbff 0%, #1599ff 49%, #005eff 100%);
  63. color: #fff;
  64. font-size: 34rpx;
  65. margin: 140rpx auto 0;
  66. text-align: center;
  67. line-height: 80rpx;
  68. .btn_bg {
  69. width: 100%;
  70. height: 80rpx;
  71. position: absolute;
  72. left: 0;
  73. top: 0;
  74. }
  75. .btn-txt {
  76. width: 100%;
  77. position: absolute;
  78. z-index: 1;
  79. }
  80. }
  81. }
  82. }
  83. </style>