App.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <script>
  2. export default {
  3. onLaunch: function() {
  4. // console.log('App Launch')
  5. },
  6. onShow: function() {
  7. // console.log('App Show')
  8. },
  9. onHide: function() {
  10. // console.log('App Hide')
  11. }
  12. }
  13. </script>
  14. <style lang="scss">
  15. @import "uview-ui/index.scss";
  16. @import "./static/iconfont/iconfont.css";
  17. /*每个页面公共css */
  18. :root {
  19. --main-color:#003bff;
  20. --bg-color:#f7f7f7;
  21. }
  22. .main-color-btn {
  23. background-color: var(--main-color) !important;
  24. }
  25. .text-color-red{
  26. color: #fa3534;
  27. }
  28. .wrap{
  29. padding: 24rpx;
  30. }
  31. .fixed-button{
  32. height: 80px;
  33. .u-btn{
  34. position: fixed!important;
  35. left: 0;
  36. bottom: 0;
  37. right: 0;
  38. z-index: 100!important;
  39. }
  40. }
  41. .screen-box{
  42. margin: 24rpx 24rpx 0;
  43. }
  44. .u-navbar{
  45. background: linear-gradient(99deg, #003bff 0%, #597aff 100%)!important;
  46. .u-title,.u-iconfont{
  47. color: #fff!important;;
  48. }
  49. }
  50. .u-body-item image {
  51. width: 120rpx;
  52. height: 120rpx;
  53. border-radius: 8rpx;
  54. margin-right: 12rpx;
  55. }
  56. .item-title{
  57. font-size: 30rpx;
  58. border-left: 2px solid;
  59. border-color: var(--main-color);
  60. padding-left: 10rpx;
  61. color: var(--main-color);
  62. font-weight: bold;
  63. margin-bottom: 24rpx;
  64. }
  65. .gap{
  66. margin: 24rpx -50%!important;
  67. }
  68. </style>