/* parents/pages/search/search.wxss */ @import '../../../templates/nodata/nodata.wxss'; @import '../../../templates/loading/loading.wxss'; page{ background: #fff } .search-wrapper { flex: 1; display: flex; justify-content: flex-start; align-items: center; padding: 16rpx 30rpx; margin-right: 30rpx; box-shadow: 0px 4rpx 10rpx 0px rgba(11,71,94,0.2); border-radius: 86rpx; background:rgba(246,245,251,1); } .search-cancel{ color: #00B7FF; font-size: 30rpx; margin: auto; } .history{ color: #393939; font-size: 30rpx; margin: 40rpx; } .history-items{ display: flex; justify-content: space-between; } .history-item{ display: inline-block; margin: 20rpx 20rpx 0 0; padding: 15rpx 27rpx; background: #F6F5FB; border-radius:34rpx; font-size: 24rpx; color: #6C6C80; } .history-img{ width: 30rpx; height: 30rpx; } .header { /* background: #FAFAFA; */ padding: 24rpx 40rpx; } .header-active { background: #fff; } .nodata{ text-align: center; color: #999999; font-size: 30rpx; } .nodata-img{ width: 122rpx; height: 138rpx; margin: 0 0 50rpx 0; } .items { position: relative; z-index: 99; } .item { padding: 24rpx 30rpx; display: flex; justify-content: flex-end; align-items: center; background: #fff; } .item-text { color: #00B7FF; font-size: 28rpx; } .item-icon { width: 14rpx; height: 14rpx; margin-left: 20rpx; transition: all .3s; } .item-icon-active { transform: rotate(180deg); } .items-modal { position: absolute; top: 100%; left: 0; width: 100%; height: 1500rpx; background: rgba(0, 0, 0, .5); } .items-modal-list { background: #fff; border-top: solid 1rpx #e6e6e6; padding-left: 30rpx; } .items-modal-li { padding: 30rpx 30rpx 30rpx 0; border-bottom: solid 1rpx #e6e6e6; display: flex; justify-content: space-between; align-items: center; } .items-modal-li:nth-last-of-type(1) { border-bottom: solid 1rpx transparent; } .items-modal-text { font-size: 28rpx; color: #999; } .items-modal-icon { width: 26rpx; height: 20rpx; } .topic{ color: #333333; font-size: 30rpx; padding: 24rpx 20rpx; background: #fff; } .topic-img{ height: 26rpx; width: 26rpx; margin-right: 8rpx; margin-bottom: 5rpx; } .li_type{ height: 38rpx; background:rgba(246,245,251,1); padding:15rpx 40rpx; line-height:38rpx; color:rgba(110, 107, 107, 0.8); font-size: 32rpx; } .icon{ height: 24rpx; width: 12rpx; display:inline-block; } .image{ height: 24rpx; width: 12rpx; } .topic>view{ display: inline-block; } .li { display: flex; justify-content: flex-start; align-items: flex-start; margin: 50rpx auto; padding: 0; } .li-box { position: relative; width: 154rpx; min-height: 158rpx; } .li-img { position: absolute; top: 4li0rpx; left: 0; width: 88rpx; height: 88rpx; border-radius:50%; background: white; } .li-col { width:80%; display: flex; justify-content: flex-start; align-items: flex-start; } .li-text { width:80%; } .li-text-gray { font-size: 30rpx; color: #ccc; } .li-text-black { font-size: 34rpx; color: rgb(27, 27, 27); flex: 1; } .li-text-info{ width:20%; color: #00B7FF; }