skin.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. @import "comm/comm.wxss";
  2. @import "project/project.wxss";
  3. .color-skin1 {
  4. color: #24C68A !important;
  5. }
  6. .bg-skin1,
  7. .after-skin1:after {
  8. background-color: #24C68A !important;
  9. color: #fff !important;
  10. }
  11. .btn.bg-skin1 {
  12. color: #fff !important;
  13. }
  14. .border-skin1 {
  15. border-color: #24C68A !important;
  16. }
  17. /*非分包菜单*/
  18. .tab-bar-home{
  19. position: fixed;
  20. top:50rpx;
  21. left:20rpx;
  22. width:50rpx;
  23. height:50rpx;
  24. z-index: 999999;
  25. border-radius: 50%;
  26. background:#fff;
  27. display: flex;
  28. align-items: center;
  29. justify-content: center;
  30. opacity: .8;
  31. }
  32. .tab-bar-home text{
  33. font-size:36rpx;
  34. }
  35. .tab-bar {
  36. position: fixed;
  37. bottom: 0;
  38. left: 0;
  39. right: 0;
  40. height: 48px;
  41. background: #fefefe;
  42. display: flex;
  43. padding-bottom: env(safe-area-inset-bottom);
  44. z-index: 99999;
  45. }
  46. .tab-bar-border {
  47. background-color: rgba(0, 0, 0, 0.33);
  48. position: absolute;
  49. left: 0;
  50. top: 0;
  51. width: 100%;
  52. height: 1px;
  53. transform: scaleY(0.5);
  54. }
  55. .tab-bar-item {
  56. flex: 1;
  57. text-align: center;
  58. display: flex;
  59. justify-content: flex-start;
  60. align-items: center;
  61. flex-direction: column;
  62. position: relative;
  63. padding-top: 10rpx;
  64. }
  65. .tab-bar-item .tab-icon {
  66. width: 48rpx;
  67. height: 48rpx;
  68. margin-bottom: 2rpx;
  69. }
  70. .tab-bar-item .tab-text {
  71. font-size: 24rpx!important;
  72. color: #999;
  73. }
  74. .tab-bar-item .tab-text-cur {
  75. color: #24C68A;
  76. }