.navbar { width: 100vw; background-color: #F4F5F9; position: fixed; left: 0; top: 0; z-index: 400000000; } .title-container { height: 44px; display: flex; align-items: center; position: relative; } .capsule { margin-left: 10px; height: 32px; border: 1px solid #e1e1e3; border-radius: 60px; display: flex; align-items: center; padding: 0 20rpx; background: #fff!important; } .capsule > view { width: 35px; height: 60%; position: relative; } .capsule > view:nth-child(2) { border-left: 1px solid #777; } .capsule image { width: 70%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .title { color: #000; position: absolute; left: 104px; right: 104px; font-weight: 600; font-size: 32rpx; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }