App.vue 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <script>
  2. export default {
  3. onLaunch: function () {
  4. // 设置红点
  5. },
  6. onShow: function () {
  7. //console.log('App Show')
  8. },
  9. onHide: function () {
  10. //console.log('App Hide')
  11. },
  12. }
  13. </script>
  14. <style >
  15. page{
  16. background-color: rgba(20, 198, 112, 0.1);
  17. font-family: NotoSansSC;
  18. }
  19. @font-face {font-family: 'NotoSansSC';
  20. src:url('static/fonts/NotoSansSC.ttf') format('truetype');
  21. }
  22. /* 引入的字体图标 */
  23. @font-face {font-family: 'iconfont';
  24. src: url('static/fonts/iconfont.woff') format('woff'),
  25. url('static/fonts/iconfont.ttf') format('truetype');
  26. }
  27. .iconfont{
  28. font-family:"iconfont" !important;
  29. font-size:16px;
  30. font-style:normal;
  31. -webkit-font-smoothing: antialiased;
  32. -webkit-text-stroke-width: 0.2px;
  33. -moz-osx-font-smoothing: grayscale;}
  34. .content{
  35. width: 100%;
  36. min-height:100vh;
  37. background-image: url('static/bg.png');
  38. background-repeat: repeat-y;
  39. background-size: 100% 1730rpx;
  40. font-size: 28rpx;
  41. }
  42. .wrap{
  43. width: 96%;
  44. margin: 0 2%;
  45. }
  46. .wraps{
  47. margin: 0 24rpx;
  48. }
  49. .wrap90{
  50. width: 90%;
  51. margin: 0 5%;
  52. }
  53. .flex{
  54. display: flex;
  55. align-items: center;
  56. }
  57. .flat{
  58. align-items: flex-start;
  59. }
  60. .flcc{
  61. justify-content: center;
  62. }
  63. .flsb{
  64. justify-content: space-between;
  65. }
  66. .mt{
  67. margin-top: 48rpx;
  68. }
  69. .mask{
  70. width: 100vw;
  71. height: 100vh;
  72. background-color:rgba(0, 0, 0, 0.4);
  73. position: fixed;
  74. left: 0;
  75. top: 0;
  76. z-index: 3;
  77. }
  78. .buttonbj{
  79. background: linear-gradient(90.89deg, #38F957 49.57%, #1DEEE1 99.24%);
  80. }
  81. .buttonbjs{
  82. background: linear-gradient(85.42deg, #FFB673 3.71%, #FF5F3B 96.29%);
  83. }
  84. .noMore{
  85. width: 100%;
  86. text-align: center;
  87. padding: 100rpx 0;
  88. color: #778299;
  89. font-size: 32rpx;
  90. }
  91. </style>