App.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. </style>