App.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <script>
  2. export default {
  3. onLaunch: function() {
  4. console.log('App Launch')
  5. // if(!this.$store.state.token){
  6. // this.$store.dispatch('WXLogin')
  7. // }
  8. },
  9. onShow: function() {
  10. console.log('App Show')
  11. },
  12. onHide: function() {
  13. console.log('App Hide')
  14. }
  15. }
  16. </script>
  17. <style>
  18. @import "/wxcomponents/vant/common/index.wxss";
  19. /*每个页面公共css */
  20. page{
  21. font-size: 14px;
  22. color: #333333;
  23. width: 100%;
  24. min-height: 100%;
  25. background-color: #f5f5f5;
  26. }
  27. view{
  28. box-sizing: border-box;
  29. }
  30. .flex{
  31. display: flex;
  32. }
  33. .white-wrap{
  34. background-color: #fff;
  35. }
  36. /* 固定屏幕底部区域 */
  37. .fix-bottom-wrap{
  38. background: #FFFFFF;
  39. border: 1px solid #F2F2F2;
  40. box-shadow: 0px -2px 6px rgba(110, 119, 141, 0.07);
  41. position: fixed;
  42. left: 0;
  43. right: 0;
  44. bottom: 0;
  45. z-index: 99;
  46. padding-top: 25rpx;
  47. padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
  48. padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
  49. padding-left: 32rpx;
  50. padding-right: 32rpx;
  51. }
  52. /* 审批列表页状态颜色 */
  53. .approve-list-status-wait{
  54. color: #3385FF;
  55. }
  56. .approve-list-status-success{
  57. color: #63D594;
  58. }
  59. .approve-list-status-fail{
  60. color:#FF4444;
  61. }
  62. .approve-list-status-back{
  63. color: #999999;
  64. }
  65. .approve-list-status-cancel{
  66. color: #999999;
  67. }
  68. </style>