App.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <script>
  2. export default {
  3. onLaunch: function() {
  4. console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!')
  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. /*每个页面公共css */
  17. @import "@/uni_modules/uview-ui/index.scss";
  18. @import '@/uni_modules/uni-scss/index.scss';
  19. @import "colorui/main.css";
  20. @import '@/static/styles/index.scss';
  21. @import '@/style/icons/iconfont.css';
  22. @import '@/style/icons/iconfont-colors.css';
  23. @import '@/style/mercharts_icon/iconfont.css';
  24. @import '@/style/mercharts_icon/iconfont_colors.css';
  25. // 设置整个项目的背景色
  26. page {
  27. background-color: #F2F6F9;
  28. }
  29. .content{
  30. padding-bottom:150rpx;
  31. }
  32. .wrap{
  33. background:#fff;
  34. border-radius:20rpx;
  35. margin:20rpx;
  36. padding:20rpx;
  37. }
  38. .caution{
  39. color:red;
  40. }
  41. .footer,.mercharts_footer{
  42. position:fixed;
  43. bottom:0;
  44. left:0;
  45. background:#fff;
  46. width:100%;
  47. z-index:10;
  48. padding:30rpx 0;
  49. .submit{
  50. background:#f8bc31;
  51. color:#fff;
  52. width:90%;
  53. }
  54. }
  55. .mercharts_footer{
  56. .submit{
  57. background:#5F7DE9;
  58. }
  59. }
  60. .flex{
  61. display:flex;
  62. }
  63. .justify-space-between{
  64. justify-content: space-between;
  65. }
  66. .align-item-center{
  67. align-items: center;
  68. }
  69. .detailedAddress{
  70. width:600rpx;
  71. }
  72. .merchants_button,.merchants_unable_button,.merchants_default_button,.merchants_caution_button{
  73. background:#5F7DE9;
  74. color:#fff;
  75. padding:5rpx 20rpx;
  76. border-radius: 10rpx;
  77. }
  78. .merchants_default_button{
  79. background:#fff;
  80. color:#000;
  81. border:2rpx solid #5F7DE9;
  82. }
  83. .merchants_caution_button{
  84. background:red;
  85. }
  86. .merchants_unable_button{
  87. background:#999;
  88. }
  89. </style>