App.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!-- App.vue -->
  2. <script>
  3. export default {
  4. onLaunch: function() {
  5. console.log('App Launch')
  6. },
  7. onShow: function() {
  8. console.log('App Show')
  9. },
  10. onHide: function() {
  11. console.log('App Hide')
  12. }
  13. }
  14. </script>
  15. <style lang="scss">
  16. /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
  17. @import "uview-plus/index.scss";
  18. .tab_page{
  19. background: #F7F7F7;
  20. padding: 0 24rpx 184rpx;
  21. box-sizing: border-box;
  22. }
  23. .common_page{
  24. background: #F7F7F7;
  25. padding: 0 24rpx 40rpx;
  26. box-sizing: border-box;
  27. }
  28. .top_bg_img{
  29. width: 100%;
  30. position: fixed;
  31. top: 0;
  32. left: 0;
  33. }
  34. .adf{
  35. display: flex;
  36. }
  37. .adffc{
  38. display: flex;
  39. flex-direction: column;
  40. }
  41. .adfac{
  42. display: flex;
  43. align-items: center;
  44. }
  45. .adfacjc{
  46. display: flex;
  47. align-items: center;
  48. justify-content: center;
  49. }
  50. .adfacjb{
  51. display: flex;
  52. align-items: center;
  53. justify-content: space-between;
  54. }
  55. .adffcjb{
  56. display: flex;
  57. flex-direction: column;
  58. justify-content: space-between;
  59. }
  60. .adffcacjc{
  61. display: flex;
  62. flex-direction: column;
  63. align-items: center;
  64. justify-content: center;
  65. }
  66. .adffcac{
  67. display: flex;
  68. flex-direction: column;
  69. align-items: center;
  70. }
  71. .adffcacjb{
  72. display: flex;
  73. flex-direction: column;
  74. align-items: center;
  75. justify-content: space-between;
  76. }
  77. .dataEmpty{
  78. flex: 1;
  79. display: flex;
  80. flex-direction: column;
  81. align-items: center;
  82. justify-content: center;
  83. }
  84. </style>