navigationBar.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .navigationBar{
  2. background: #ffffff;
  3. }
  4. .commonHead {
  5. width: 100%;
  6. height: 128rpx;
  7. box-sizing: border-box;
  8. -webkit-box-sizing: border-box;
  9. -moz-box-sizing: border-box;
  10. overflow: hidden;
  11. position: fixed;
  12. top: 0;
  13. left: 0;
  14. bottom: 0;
  15. z-index: 99999;
  16. background: #fff;
  17. }
  18. .commonHeadWrap {
  19. width: 100%;
  20. position: absolute;
  21. overflow: hidden;
  22. left: 0;
  23. bottom: 0;
  24. /* height: 45px;
  25. line-height: 45px; */
  26. display: flex;
  27. align-items: center;
  28. background: #fff;
  29. }
  30. .commonHeadHome {
  31. padding: 0 24rpx;
  32. height: 100%;
  33. position: absolute;
  34. left: 0;
  35. top: 0;
  36. display: flex;
  37. justify-content: center;
  38. align-items: center;
  39. }
  40. .commonHeadHome .icon{
  41. width: 64rpx;
  42. height: 64rpx;
  43. }
  44. .commonHeadTextBox {
  45. /* width: 450rpx; */
  46. width: 100%;
  47. height: 100%;
  48. line-height: 44px;
  49. text-align: center;
  50. font-size: 15px;
  51. overflow: hidden;
  52. justify-content:flex-end;
  53. }
  54. .headTitle {
  55. width: 280rpx;
  56. margin: 0 auto;
  57. font-size: 16px;
  58. font-weight: bold;
  59. white-space: nowrap;
  60. overflow: hidden;
  61. text-overflow: ellipsis;
  62. }