App.vue 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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{
  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. .flex{
  56. display:flex;
  57. }
  58. .justify-space-between{
  59. justify-content: space-between;
  60. }
  61. .align-item-center{
  62. align-items: center;
  63. }
  64. .detailedAddress{
  65. width:600rpx;
  66. }
  67. .merchants_button,.merchants_unable_button,.merchants_default_button,.merchants_caution_button{
  68. background:#5F7DE9;
  69. color:#fff;
  70. padding:5rpx 20rpx;
  71. border-radius: 10rpx;
  72. }
  73. .merchants_default_button{
  74. background:#fff;
  75. color:#000;
  76. border:2rpx solid #5F7DE9;
  77. }
  78. .merchants_caution_button{
  79. background:red;
  80. }
  81. .merchants_unable_button{
  82. background:#999;
  83. }
  84. </style>