u-navbar.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. view.data-v-1194bf80, scroll-view.data-v-1194bf80, swiper-item.data-v-1194bf80 {
  16. display: flex;
  17. flex-direction: column;
  18. flex-shrink: 0;
  19. flex-grow: 0;
  20. flex-basis: auto;
  21. align-items: stretch;
  22. align-content: flex-start;
  23. }
  24. .u-navbar--fixed.data-v-1194bf80 {
  25. position: fixed;
  26. left: 0;
  27. right: 0;
  28. top: 0;
  29. z-index: 11;
  30. }
  31. .u-navbar__content.data-v-1194bf80 {
  32. display: flex;
  33. flex-direction: row;
  34. align-items: center;
  35. height: 44px;
  36. background-color: #9acafc;
  37. position: relative;
  38. justify-content: center;
  39. }
  40. .u-navbar__content__left.data-v-1194bf80, .u-navbar__content__right.data-v-1194bf80 {
  41. padding: 0 13px;
  42. position: absolute;
  43. top: 0;
  44. bottom: 0;
  45. display: flex;
  46. flex-direction: row;
  47. align-items: center;
  48. }
  49. .u-navbar__content__left.data-v-1194bf80 {
  50. left: 0;
  51. }
  52. .u-navbar__content__left--hover.data-v-1194bf80 {
  53. opacity: 0.7;
  54. }
  55. .u-navbar__content__left__text.data-v-1194bf80 {
  56. font-size: 15px;
  57. margin-left: 3px;
  58. }
  59. .u-navbar__content__title.data-v-1194bf80 {
  60. text-align: center;
  61. font-size: 16px;
  62. color: #303133;
  63. }
  64. .u-navbar__content__right.data-v-1194bf80 {
  65. right: 0;
  66. }
  67. .u-navbar__content__right__text.data-v-1194bf80 {
  68. font-size: 15px;
  69. margin-left: 3px;
  70. }