1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- /* pages/search/search.wxss */
- .searchWrap {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- padding: 24rpx 0 24rpx 24rpx;
- background: #f7f9fb;
- display: flex;
- align-items: center;
- z-index: 100;
- }
- .searchWrap .icon-search {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- left: 48rpx;
- font-size: 30rpx;
- color: #999;
- }
- .searchWrap .input {
- flex: 1;
- width: 0;
- height: 84rpx;
- padding-left: 68rpx;
- padding-right: 24rpx;
- font-size: 30rpx;
- color: #282828;
- background: #fff;
- border-radius: 8rpx;
- }
- .searchWrap .btn {
- padding: 0 24rpx !important;
- width: auto;
- height: 84rpx;
- line-height: 84rpx;
- font-size: 30rpx;
- color: #007dff;
- background: transparent;
- }
- .placeholderStyle {
- font-size: 30rpx;
- }
- .list {
- margin-top: 132rpx;
- margin-bottom:88rpx;
- padding: 0 24rpx;
- }
- .list .item {
- padding: 24rpx;
- font-size: 28rpx;
- word-break: break-all;
- background: #fff;
- }
- .list .item+.item {
- margin-top: 24rpx;
- }
- .btnGroup .btn{
- width:100%!important;
- height:88rpx;
- line-height:88rpx;
- font-size:32rpx;
- color:#fff;
- background:#007dff;
- border-radius:0;
- }
|