App.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <template>
  2. <view>
  3. <login-pop-up ref='loginpopup' :content='"手机登录后才能查看我的哦~"'></login-pop-up>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. onLaunch: function() {
  9. console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!')
  10. console.log('App Launch')
  11. },
  12. onShow: function() {
  13. console.log('App Show')
  14. },
  15. onHide: function() {
  16. console.log('App Hide')
  17. }
  18. }
  19. </script>
  20. <style lang="scss">
  21. /*每个页面公共css */
  22. @import "@/uni_modules/uview-ui/index.scss";
  23. @import '@/uni_modules/uni-scss/index.scss';
  24. @import "colorui/main.css";
  25. @import '@/static/styles/index.scss';
  26. @import '@/style/icons/iconfont.css';
  27. @import '@/style/icons/iconfont-colors.css';
  28. @import '@/style/mercharts_icon/iconfont.css';
  29. @import '@/style/mercharts_icon/iconfont_colors.css';
  30. // 设置整个项目的背景色
  31. page {
  32. background-color: #F2F6F9;
  33. }
  34. .content{
  35. // padding-bottom:0rpx;
  36. }
  37. .wrap{
  38. background:#fff;
  39. border-radius:20rpx;
  40. margin:20rpx;
  41. padding:20rpx;
  42. }
  43. .caution{
  44. color:red;
  45. }
  46. .footer,.mercharts_footer{
  47. position:fixed;
  48. bottom:0;
  49. left:0;
  50. background:#fff;
  51. width:100%;
  52. z-index:10;
  53. padding:30rpx 0;
  54. .submit{
  55. background:#f8bc31;
  56. color:#fff;
  57. width:90%;
  58. }
  59. }
  60. .mercharts_footer{
  61. .submit{
  62. background:#5F7DE9;
  63. }
  64. }
  65. .flex{
  66. display:flex;
  67. }
  68. .justify-space-between{
  69. justify-content: space-between;
  70. }
  71. .align-item-center{
  72. align-items: center;
  73. }
  74. .detailedAddress{
  75. width:600rpx;
  76. text-align:center;
  77. color:#999 ;
  78. }
  79. .default_button{
  80. color:#f8bc31;
  81. padding:5rpx;
  82. }
  83. .merchants_button,.merchants_unable_button,.merchants_default_button,.merchants_caution_button{
  84. background:#5F7DE9;
  85. color:#fff;
  86. padding:5rpx 20rpx;
  87. border-radius: 10rpx;
  88. }
  89. .merchants_default_button{
  90. background:#fff;
  91. color:#000;
  92. border:2rpx solid #5F7DE9;
  93. }
  94. .merchants_default_button_text,
  95. .merchants_caution_button_text,
  96. .merchants_unable_button_text{
  97. padding:5rpx 10rpx;
  98. }
  99. .merchants_default_button_text{
  100. color:#5F7DE9;
  101. }
  102. .merchants_caution_button_text{
  103. color:red;
  104. }
  105. .merchants_unable_button_text{
  106. color:#999;
  107. }
  108. .merchants_caution_button{
  109. background:red;
  110. }
  111. .merchants_unable_button{
  112. background:#999;
  113. }
  114. /deep/.u-tabbar-item image{
  115. width:50rpx;
  116. height:50rpx;
  117. }
  118. </style>