ubmit.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <template>
  2. <div>
  3. <div class="ubmit">
  4. <div class="imgparent">
  5. <van-nav-bar
  6. title="提交"
  7. left-text="返回"
  8. left-arrow
  9. @click-left="onClickLeft"
  10. />
  11. </div>
  12. <div class="bottom">
  13. <img
  14. src="../assets/img/pic_tjxx_sus.png"
  15. alt=""
  16. >
  17. <p>您的请假信息已提交成功请等待审批</p>
  18. <span @click="fanhu ">返回首页</span>
  19. </div>
  20. <p></p>
  21. </div>
  22. </div>
  23. </template>
  24. <script>
  25. export default {
  26. props: ["detailitem"],
  27. methods: {
  28. pathPush() {},
  29. onClickLeft() {
  30. this.$router.go(-1)
  31. },
  32. fanhu(){
  33. }
  34. }
  35. };
  36. </script>
  37. <style scoped lang="less">
  38. .ubmit {
  39. height: 100vh;
  40. background: #fff;
  41. .bottom {
  42. display: flex;
  43. flex-direction: column;
  44. align-items: center;
  45. p {
  46. font-size: 3.733vw;
  47. font-family: PingFang SC;
  48. font-weight: 600;
  49. color: #343434;
  50. line-height: 5.6vw;
  51. text-align: center;
  52. width: 42%;
  53. }
  54. span {
  55. font-size: 2.933vw;
  56. font-family: PingFang SC;
  57. font-weight: 500;
  58. color: #aaaaaa;
  59. line-height: 5.6vw;
  60. position: fixed;
  61. bottom: 28vw;
  62. }
  63. img{
  64. widows: 16.267vw;
  65. height: 19.2vw;
  66. margin-top: 24vw;
  67. margin-bottom: 10.667vw;
  68. }
  69. }
  70. }
  71. </style>