uni-nav-bar.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @charset "UTF-8";
  2. .uni-navbar {
  3. width: 100%;
  4. }
  5. .uni-navbar__content {
  6. display: block;
  7. position: relative;
  8. width: 100%;
  9. background-color: #fff;
  10. overflow: hidden
  11. }
  12. .uni-navbar__content .uni-navbar__content_view {
  13. line-height: 44px
  14. }
  15. .uni-navbar__header {
  16. display: -webkit-box;
  17. display: -webkit-flex;
  18. display: flex;
  19. -webkit-box-orient: horizontal;
  20. -webkit-box-direction: normal;
  21. -webkit-flex-direction: row;
  22. flex-direction: row;
  23. width: 100%;
  24. height: 44px;
  25. line-height: 44px;
  26. font-size: 16px
  27. }
  28. .uni-navbar__header-btns {
  29. display: -webkit-inline-box;
  30. display: -webkit-inline-flex;
  31. display: inline-flex;
  32. -webkit-flex-wrap: nowrap;
  33. flex-wrap: nowrap;
  34. -webkit-flex-shrink: 0;
  35. flex-shrink: 0;
  36. width: 120rpx;
  37. padding: 0 12rpx
  38. }
  39. .uni-navbar__header-btns:first-child {
  40. padding-left: 0
  41. }
  42. .uni-navbar__header-btns:last-child {
  43. width: 60rpx
  44. }
  45. .uni-navbar__header-container {
  46. width: 100%;
  47. margin: 0 10rpx
  48. }
  49. .uni-navbar__header-container-inner {
  50. font-size: 30rpx;
  51. text-align: center;
  52. padding-right: 60rpx
  53. }
  54. .uni-navbar__placeholder-view {
  55. height: 44px
  56. }
  57. .uni-navbar--fixed {
  58. position: fixed;
  59. z-index: 998
  60. }
  61. .uni-navbar--shadow {
  62. /* box-shadow: 0 1px 6px #ccc */
  63. }
  64. .uni-navbar--border:after {
  65. position: absolute;
  66. z-index: 3;
  67. bottom: 0;
  68. left: 0;
  69. right: 0;
  70. height: 1px;
  71. content: '';
  72. -webkit-transform: scaleY(.5);
  73. transform: scaleY(.5);
  74. background-color: #c8c7cc
  75. }