navbar.wxss 691 B

123456789101112131415161718192021222324252627282930313233343536
  1. /* 顶部要固定定位 标题要居中 自定义按钮和标题要和右边微信原生的胶囊上下对齐 */
  2. .nav-wrap {
  3. position: fixed;
  4. width: 100%;
  5. top: 0;
  6. background: #fff;
  7. color: #000;
  8. z-index: 9999999;
  9. }
  10. /* 标题要居中 */
  11. .nav-title {
  12. position: absolute;
  13. text-align: center;
  14. max-width: 400rpx;
  15. overflow: hidden;
  16. text-overflow: ellipsis;
  17. white-space: nowrap;
  18. top: 0;
  19. left: 0;
  20. right: 0;
  21. bottom: 0;
  22. margin: auto;
  23. font-size: 36rpx;
  24. color: #2c2b2b;
  25. font-weight: 600;
  26. }
  27. .nav-capsule {
  28. display: flex;
  29. align-items: center;
  30. margin-left: 30rpx;
  31. width: 140rpx;
  32. justify-content: space-between;
  33. height: 100%;
  34. position: relative;
  35. }