navBar.wxss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* myComponents/navBar/navBar.wxss */
  2. @import "/static/iconfont/iconfont.wxss";
  3. .uni-pages{
  4. background-color: #ffffff;
  5. z-index: 999999;
  6. position: fixed;
  7. top: 0;
  8. left: 0;
  9. width: 100vw;
  10. }
  11. .nav-bar-inner {
  12. height: 32px;
  13. display: flex;
  14. justify-content: space-between;
  15. align-items: center;
  16. padding: 0 8px;
  17. }
  18. .image-box {
  19. display: flex;
  20. justify-content: space-around;
  21. align-items: center;
  22. border: 1px solid #efefef;
  23. border-radius: 16px;
  24. background-color: rgba(#fff, 0.6);
  25. }
  26. .line {
  27. width: 1px;
  28. height: 26px;
  29. background-color: rgba(#fff, 0.3);
  30. }
  31. .image {
  32. width: 22px;
  33. height: 22px;
  34. text-align: center;
  35. line-height: 22px;
  36. }
  37. .title {
  38. color: #000;
  39. font-weight: 500;
  40. font-size: 28rpx;
  41. white-space: nowrap; /* 防止文本换行 */
  42. overflow: hidden; /* 隐藏超出容器的文本 */
  43. text-overflow: ellipsis; /* 显示省略号来表示文本被截断 */
  44. display: flex;
  45. align-items: center;
  46. }
  47. .image{
  48. width: 40px;
  49. margin-right: 4px;
  50. }
  51. .nav-bar-buttom {
  52. height: 10rpx;
  53. }
  54. .myIconzhuye1{
  55. font-size: 35rpx;
  56. }