index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .wux-navbar {
  2. display: flex;
  3. align-items: center;
  4. height: 90rpx;
  5. background-color: #fff;
  6. color: #444
  7. }
  8. .wux-navbar__left,
  9. .wux-navbar__right,
  10. .wux-navbar__title {
  11. display: flex;
  12. align-items: center;
  13. flex: 1;
  14. height: 100%
  15. }
  16. .wux-navbar__left {
  17. padding-left: 20rpx;
  18. font-size: 28rpx
  19. }
  20. .wux-navbar__title {
  21. justify-content: center;
  22. font-size: 32rpx;
  23. white-space: nowrap
  24. }
  25. .wux-navbar__right {
  26. justify-content: flex-end;
  27. font-size: 28rpx;
  28. margin-right: 20rpx
  29. }
  30. .wux-navbar--light {
  31. background-color: #fff;
  32. color: #444
  33. }
  34. .wux-navbar--stable {
  35. background-color: #f8f8f8;
  36. color: #444
  37. }
  38. .wux-navbar--positive {
  39. background-color: #387ef5;
  40. color: #fff
  41. }
  42. .wux-navbar--calm {
  43. background-color: #11c1f3;
  44. color: #fff
  45. }
  46. .wux-navbar--assertive {
  47. background-color: #ef473a;
  48. color: #fff
  49. }
  50. .wux-navbar--balanced {
  51. background-color: #33cd5f;
  52. color: #fff
  53. }
  54. .wux-navbar--energized {
  55. background-color: #ffc900;
  56. color: #fff
  57. }
  58. .wux-navbar--royal {
  59. background-color: #886aea;
  60. color: #fff
  61. }
  62. .wux-navbar--dark {
  63. background-color: #444;
  64. color: #fff
  65. }