1234567891011121314151617181920212223242526272829303132333435363738394041 |
- /* components/search/search.wxss */
- @import "../../style/iconfont";
- .searchWrap {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- padding: 24rpx;
- background: #f8f9fb;
- display: flex;
- align-items: center;
- z-index: 100;
- }
- .searchWrap .icon-search {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- left: 48rpx;
- font-size: 30rpx;
- color: #a2a2a2;
- }
- .searchWrap .input {
- flex: 1;
- width: 0;
- height: 84rpx;
- padding-left: 68rpx;
- padding-right: 24rpx;
- font-size: 30rpx;
- color: #282828;
- background: #fff;
- border-radius: 8rpx;
- box-shadow: 6rpx 6rpx 35rpx rgba(178, 221, 250, .2);
- }
- .placeholderStyle {
- font-size: 30rpx;
- color: #c4c4c4;
- }
|