submitSuccess.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view class="success">
  3. <view class="header">
  4. <image src="../../static/img/submitsuccess.png" mode=""></image><br>
  5. <text>提交成功</text>
  6. </view>
  7. <view class="button" @click="tabTo('/pages/index/index')" >返回首页</view>
  8. <!-- <navigator url="@/pages/index/index"><view class="btntoindex">返回首页</view></navigator> -->
  9. <!-- <navigator url="/pages/index/index"><view class="btntoindex">返回首页</view></navigator> -->
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. methods: {
  15. //跳转
  16. tabTo(url) {
  17. uni.switchTab({
  18. url: url
  19. })
  20. },
  21. }
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. page {
  26. height: 100%;
  27. background-color: #fff;
  28. }
  29. .success {
  30. .header {
  31. margin-top: 200rpx;
  32. text-align: center;
  33. image {
  34. width: 400rpx;
  35. height: 300rpx;
  36. }
  37. text {
  38. position: relative;
  39. top: -40rpx;
  40. font-size: 38rpx;
  41. color: #333333;
  42. }
  43. }
  44. .button {
  45. margin: 50rpx auto;
  46. border-radius: 10rpx;
  47. padding: 15rpx;
  48. text-align: center;
  49. width: 320rpx;
  50. border: solid 1rpx #438BED;
  51. color: #438BED;
  52. }
  53. }
  54. </style>