App.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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. .top_bg_img{
  24. width: 100%;
  25. position: fixed;
  26. top: 0;
  27. left: 0;
  28. }
  29. .adf{
  30. display: flex;
  31. }
  32. .adffc{
  33. display: flex;
  34. flex-direction: column;
  35. }
  36. .adfac{
  37. display: flex;
  38. align-items: center;
  39. }
  40. .adfacjc{
  41. display: flex;
  42. align-items: center;
  43. justify-content: center;
  44. }
  45. .adfacjb{
  46. display: flex;
  47. align-items: center;
  48. justify-content: space-between;
  49. }
  50. .adffcjb{
  51. display: flex;
  52. flex-direction: column;
  53. justify-content: space-between;
  54. }
  55. .adffcacjc{
  56. display: flex;
  57. flex-direction: column;
  58. align-items: center;
  59. justify-content: center;
  60. }
  61. .adffcac{
  62. display: flex;
  63. flex-direction: column;
  64. align-items: center;
  65. }
  66. .adffcacjb{
  67. display: flex;
  68. flex-direction: column;
  69. align-items: center;
  70. justify-content: space-between;
  71. }
  72. </style>