C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 rivejä
867 B

  1. .navbar {
  2. width: 100vw;
  3. background-color: #F4F5F9;
  4. position: fixed;
  5. z-index: 400000000;
  6. }
  7. .title-container {
  8. height: 44px;
  9. display: flex;
  10. align-items: center;
  11. position: relative;
  12. }
  13. .capsule {
  14. margin-left: 10px;
  15. height: 32px;
  16. border: 1px solid #f2f2f2;
  17. border-radius: 60px;
  18. display: flex;
  19. background: #fbfbfd;
  20. align-items: center;
  21. padding: 0 20rpx;
  22. }
  23. .capsule > view {
  24. width: 35px;
  25. height: 60%;
  26. position: relative;
  27. }
  28. .capsule > view:nth-child(2) {
  29. border-left: 1px solid #777;
  30. }
  31. .capsule image {
  32. width: 70%;
  33. height: 100%;
  34. position: absolute;
  35. left: 50%;
  36. top: 50%;
  37. transform: translate(-50%,-50%);
  38. }
  39. .title {
  40. color: #000;
  41. position: absolute;
  42. left: 104px;
  43. right: 104px;
  44. font-weight: 600;
  45. font-size: 32rpx;
  46. text-align: center;
  47. overflow: hidden;
  48. text-overflow: ellipsis;
  49. white-space: nowrap;
  50. }