Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

submit-result.vue 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <template>
  2. <view class="content">
  3. <image :src="`${$imgUrl}ETCcancellation/bgNew.png`" mode=""></image>
  4. <view class="title">
  5. 提交成功
  6. </view>
  7. <view class="">
  8. {{ state.tipText }}
  9. </view>
  10. </view>
  11. <button class="ui-btn" @click="submit">完成</button>
  12. </template>
  13. <script setup lang="ts">
  14. import { onLoad } from "@dcloudio/uni-app";
  15. import { reactive } from "vue";
  16. const submit = () => {
  17. if (state.back) {
  18. uni.navigateBack()
  19. } else {
  20. uni.reLaunch({
  21. url: '/pages/index/index'
  22. })
  23. }
  24. }
  25. const state = reactive({
  26. tipText: "等待审核",
  27. back: false
  28. })
  29. onLoad(({tipText, back}) => {
  30. if (tipText) state.tipText = tipText
  31. if (back) state.back = true
  32. })
  33. </script>
  34. <style>
  35. page {
  36. width: 100%;
  37. height: 100%;
  38. display: flex;
  39. flex-direction: column;
  40. background-color: white;
  41. }
  42. </style>
  43. <style lang="scss" scoped>
  44. .content {
  45. display: flex;
  46. flex-direction: column;
  47. justify-content: center;
  48. align-items: center;
  49. padding: 80rpx;
  50. image {
  51. width: 390rpx;
  52. height: 307rpx;
  53. margin-bottom: 20rpx;
  54. }
  55. .title {
  56. font-weight: 400;
  57. font-size: 40rpx;
  58. color: #01243A;
  59. margin: 20rpx 0 30rpx 0;
  60. }
  61. view {
  62. font-weight: 400;
  63. font-size: 28rpx;
  64. color: #999999;
  65. }
  66. }
  67. </style>