success.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view class="sucbox">
  3. <view class="ubmit">
  4. <image :src="sucimg"></image>
  5. <view class="bottom">
  6. <view>今日{{tit}}已成功</view>
  7. <view v-if="type!=1">祝您工作顺利</view>
  8. </view>
  9. <text class="home" @click="fanhu ">返回首页</text>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. props: ["detailitem"],
  16. data(){
  17. return{
  18. sucimg:require("@/work/static/clock/success.png"),
  19. tit:'上班打卡',
  20. type:0
  21. }
  22. },
  23. onLoad(e) {
  24. this.tit=e.tit
  25. if(e.type){
  26. this.type=e.type
  27. }
  28. uni.setNavigationBarTitle({
  29. title:e.tit
  30. })
  31. },
  32. methods: {
  33. fanhu(){
  34. this.$tab.reLaunch('/pages/index/index')
  35. }
  36. }
  37. };
  38. </script>
  39. <style scoped lang="less">
  40. .sucbox{padding: 24rpx 34rpx 70rpx;display: flex;height: 100vh;box-sizing: border-box;}
  41. .ubmit {flex: 1;background: #fff;padding: 140rpx 0 130rpx;display: flex;flex-direction: column;align-items: center;overflow: auto;
  42. image{width:438rpx;height: 422rpx;margin-bottom:48rpx;}
  43. .home {font-size: 26rpx;font-weight: 500;color: #aaaaaa;}
  44. .bottom {flex: 1;display: flex;flex-direction: column;align-items: center;
  45. view {font-size: 30rpx;font-weight: 600;color: #343434;text-align: center;margin-bottom: 4rpx;}
  46. }
  47. }
  48. </style>