123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 |
- .lxy-nav-bar view,
- .lxy-nav-bar text,
- .lxy-nav-bar scroll-view,
- .lxy-nav-bar input,
- .lxy-nav-bar button,
- .lxy-nav-bar image,
- .lxy-nav-bar cover-view {
- box-sizing: border-box;
- }
- page {
- --height: 44px; /* 4*2+32 */
- --right: 97px; /* 10+87 */
- --navBarExtendHeight: 4px;
- box-sizing: border-box;
- }
- .lxy-nav-bar {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- z-index: 5001;
- }
- .lxy-nav-bar .ios {
- --height: 44px; /* 4*2+32 */
- --right: 97px; /* 10+87 */
- --navBarExtendHeight: 4px;
- box-sizing: border-box;
- }
- .lxy-nav-bar .android {
- --height: 48px; /* 8*2+32 */
- --right: 96px; /* 10+87 */
- --navBarExtendHeight: 4px;
- box-sizing: border-box;
- }
- .lxy-nav-bar .devtools {
- --height: 42px; /* 5*2+32 */
- --right: 88px; /* 10+87 */
- --navBarExtendHeight: 4px;
- box-sizing: border-box;
- }
- .lxy-nav-bar__inner {
- height: var(--height);
- display: flex;
- align-items: center;
- padding-right: var(--right);
- width: 100%;
- padding-bottom: var(--navBarExtendHeight);
- }
- .lxy-nav-bar__inner .lxy-nav-bar__left {
- position: relative;
- width: var(--right);
- height: 32px;
- /* padding-left: 10px; */
- display: flex;
- align-items: center;
- }
- .lxy-nav-bar__buttons {
- height: 100%;
- width: 100%;
- display: flex;
- align-items: center;
- border-radius: 16px;
- border: 1rpx solid rgba(204, 204, 204, 0.6);
- position: relative;
- }
- .lxy-nav-bar__buttons.android {
- border: 1rpx solid rgba(234, 234, 234, 0.6);
- }
- .lxy-nav-bar-line {
- position: absolute;
- width: 2rpx;
- height: 17px;
- background: rgba(204, 204, 204, 0.6);
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- }
- .lxy-nav-bar__buttons.android::after {
- background: rgba(234, 234, 234, 0.6);
- }
- .lxy-nav-bar__button {
- width: 50%;
- height: 100%;
- display: flex;
- font-size: 12px;
- background-repeat: no-repeat;
- background-position: center center;
- background-size: 1em 2em;
- }
- .lxy-nav-bar_border_radius {
- width: 56px;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- border: 1px solid #f5f5f5;
- border-radius: 16px;
- }
- .lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_goback:active,
- .lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_gohome:active {
- opacity: 0.5;
- }
- .lxy-nav-bar__inner .lxy-nav-bar__center {
- text-align: center;
- position: relative;
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- padding-left: 10px;
- }
- .lxy-nav-bar__inner .lxy-nav-bar__center .lxy-nav-bar__center-title {
- font-size: 34rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- min-width: 150px;
- }
- .lxy-nav-bar__inner .lxy-nav-bar__loading {
- font-size: 0;
- }
- .lxy-nav-bar__inner .lxy-nav-bar__loading .lxy-loading {
- margin-left: 0;
- }
- .lxy-nav-bar__inner .lxy-nav-bar__right {
- margin-right: 10px;
- }
- .lxy-nav-bar__placeholder {
- /* height: var(--height); */
- position: relative;
- }
- .lxy-nav-bar-search {
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 32px;
- border-radius: 16px;
- position: relative;
- background: #f6f6f6;
- }
- .lxy-nav-bar-search__input {
- /* height: 100%;
- display: flex;
- align-items: center; */
- color: #999;
- font-size: 15px;
- /* line-height: 32px; */
- }
- .lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_goback {
- width: 18px;
- height: 18px;
- }
- .lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_gohome {
- width: 17px;
- height: 17px;
- }
- .lxy-nav-bar-margin-center {
- margin: 0 auto;
- }
- .lxy-nav-bar-search__icon {
- width: 22px;
- height: 22px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-image: url("data:image/svg+xml,%3Csvg t='1565691512239' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1240' width='48' height='48'%3E%3Cpath d='M819.2 798.254545L674.909091 653.963636c46.545455-48.872727 74.472727-114.036364 74.472727-186.181818 0-151.272727-123.345455-274.618182-274.618182-274.618182-151.272727 0-274.618182 123.345455-274.618181 274.618182 0 151.272727 123.345455 274.618182 274.618181 274.618182 65.163636 0 128-23.272727 174.545455-62.836364l144.290909 144.290909c2.327273 2.327273 6.981818 4.654545 11.636364 4.654546s9.309091-2.327273 11.636363-4.654546c6.981818-6.981818 6.981818-18.618182 2.327273-25.6zM235.054545 467.781818c0-132.654545 107.054545-239.709091 239.709091-239.709091 132.654545 0 239.709091 107.054545 239.709091 239.709091 0 132.654545-107.054545 239.709091-239.709091 239.709091-132.654545 0-239.709091-107.054545-239.709091-239.709091z' fill='%23999999' p-id='1241'%3E%3C/path%3E%3C/svg%3E");
- background-repeat: no-repeat;
- background-size: cover;
- }
|