App.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <script>
  2. import { startPullNotice } from '@/utils/pullNotice.js'
  3. export default {
  4. globalData: {
  5. isLogin: false,
  6. },
  7. onLaunch() {
  8. // console.log('App Launch')
  9. },
  10. onShow: function() {
  11. // console.log('App Show')
  12. startPullNotice()
  13. },
  14. onHide: function() {
  15. // console.log('App Hide')
  16. }
  17. }
  18. </script>
  19. <style lang="scss">
  20. /*每个页面公共css */
  21. @import "@/uni_modules/uview-ui/index.scss";
  22. .content{
  23. .title-box {
  24. position: relative;
  25. padding-bottom: 80rpx;
  26. width: 100%;
  27. height: 344rpx;
  28. color: white;
  29. display: flex;
  30. flex-direction: column;
  31. justify-content: center;
  32. align-items: center;
  33. background:url(@/static/title.png) top center no-repeat;
  34. background-size: 100% 100%;
  35. .title{
  36. width: 100%;
  37. height: 50rpx;
  38. height: fit-content;
  39. display: flex;
  40. justify-content: center;
  41. align-items: center;
  42. }
  43. .icon-add{
  44. position: absolute;
  45. right: 0;
  46. margin-right: 40rpx;
  47. width: 40rpx;
  48. height: 40rpx;
  49. background: url(@/static/icon-add.png) top center no-repeat;
  50. background-size: 100% 100%;
  51. }
  52. }
  53. .container-box{
  54. position: relative;
  55. margin-top: -120rpx;
  56. padding: 40rpx 30rpx;
  57. width: 100%;
  58. height: fit-content;
  59. // display: flex;
  60. // flex-direction: column;
  61. // align-items: center;
  62. background: #f0f7ff;
  63. border-radius: 60rpx 60rpx 0 0;
  64. z-index: 2;
  65. }
  66. }
  67. </style>