App.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <style lang="scss">
  2. /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
  3. @import "@/uni_modules/uview-ui/index.scss";
  4. </style>
  5. <script>
  6. export default {
  7. onLaunch: function() {
  8. console.log('App Launch')
  9. },
  10. onShow: function() {
  11. console.log('App Show')
  12. },
  13. onHide: function() {
  14. console.log('App Hide')
  15. }
  16. }
  17. </script>
  18. <style lang="scss">
  19. /* #ifndef APP-PLUS-NVUE */
  20. /* uni.css - 通用组件、模板样式库,可以当作一套ui库应用 */
  21. @import './common/uni.css';
  22. @import '@/static/customicons.css';
  23. /* H5 兼容 pc 所需 */
  24. /* #ifdef H5 */
  25. @media screen and (min-width: 768px) {
  26. body {
  27. overflow-y: scroll;
  28. }
  29. }
  30. /* 顶栏通栏样式 */
  31. /* .uni-top-window {
  32. left: 0;
  33. right: 0;
  34. } */
  35. uni-page-body {
  36. background-color: #F5F5F5 !important;
  37. min-height: 100% !important;
  38. height: auto !important;
  39. }
  40. .uni-top-window uni-tabbar .uni-tabbar {
  41. background-color: #fff !important;
  42. }
  43. .uni-app--showleftwindow .hideOnPc {
  44. display: none !important;
  45. }
  46. /* #endif */
  47. /* 以下样式用于 hello uni-app 演示所需 */
  48. page {
  49. background-color: #efeff4;
  50. height: 100%;
  51. font-size: 28rpx;
  52. /* line-height: 1.8; */
  53. }
  54. .fix-pc-padding {
  55. padding: 0 50px;
  56. }
  57. .uni-header-logo {
  58. padding: 30rpx;
  59. flex-direction: column;
  60. justify-content: center;
  61. align-items: center;
  62. margin-top: 10rpx;
  63. }
  64. .uni-header-image {
  65. width: 100px;
  66. height: 100px;
  67. }
  68. .uni-hello-text {
  69. color: #7A7E83;
  70. }
  71. .uni-hello-addfile {
  72. text-align: center;
  73. line-height: 300rpx;
  74. background: #FFF;
  75. padding: 50rpx;
  76. margin-top: 10px;
  77. font-size: 38rpx;
  78. color: #808080;
  79. }
  80. /* #endif*/
  81. @import "colorui/main.css";
  82. @import "colorui/icon.css";
  83. </style>