navBar.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. /* components/navbar/index.wxss */
  2. .navbar {
  3. width: 100%;
  4. overflow: hidden;
  5. position: relative;
  6. top: 0;
  7. left: 0;
  8. z-index: 10;
  9. background: #ffffff;
  10. }
  11. .nav_position {
  12. position: absolute;
  13. left: 24rpx;
  14. bottom: 24rpx;
  15. z-index: 100;
  16. color: #FFFFFF;
  17. display: flex;
  18. box-sizing: border-box;
  19. }
  20. .box {
  21. flex: auto;
  22. height: 40rpx;
  23. }
  24. .icon_position_image {
  25. width: 40rpx;
  26. height: 40rpx;
  27. }
  28. .icon_down_img {
  29. width: 40rpx;
  30. height: 40rpx;
  31. }
  32. .backhome {
  33. color: #FFFFFF;
  34. position: absolute;
  35. height: 40rpx;
  36. left: 30rpx;
  37. bottom: 24rpx;
  38. z-index: 100;
  39. color: #FFFFFF;
  40. display: flex;
  41. box-sizing: border-box;
  42. }
  43. .backimage {
  44. height: 40rpx;
  45. width: 40rpx;
  46. vertical-align: middle;
  47. }
  48. .navbar-title {
  49. width: 100%;
  50. height: 88rpx;
  51. line-height: 76rpx;
  52. text-align: center;
  53. position: absolute;
  54. bottom: 0;
  55. left: 0;
  56. z-index: 10;
  57. background-color: #ffffff;
  58. color:#000000;
  59. font-size: 34rpx;
  60. font-weight: normal;
  61. }
  62. .navbar-action-wrap {
  63. position: absolute;
  64. left: 20rpx;
  65. bottom: 14rpx;
  66. z-index: 100;
  67. line-height: 1;
  68. padding-top: 8rpx;
  69. padding-bottom: 8rpx;
  70. }
  71. .navbar-action-group {
  72. border: 2rpx solid #e8e8e8;
  73. border-radius: 40rpx;
  74. overflow: hidden
  75. }
  76. .navbar-action_item {
  77. padding: 6rpx 0;
  78. color: #333;
  79. }
  80. .navbar-action-group .navbar-action_item {
  81. border-right: 2rpx solid #e8e8e8;
  82. padding: 6rpx 24rpx;
  83. }