| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199 |
- /* pages/search/search.wxss */
- page {
- height: auto !important;
- }
- .search {
- padding: 24rpx;
- border-bottom: 1rpx solid #EEEEEE;
- height: 68rpx;
- position: sticky;
- top: 0;
- background: #ffffff;
- display: flex;
- flex-flow: row;
- }
- input {
- flex: 1;
- font-weight: 400;
- font-size: 28rpx;
- color: #A2A2A2;
- height: 68rpx;
- line-height: 68rpx;
- background: #F8F8F8;
- border-radius: 8rpx 8rpx 8rpx 8rpx;
- padding: 0 20rpx;
- padding-left: 68rpx;
- }
- .search icon {
- position: absolute;
- left: 40rpx;
- top: 38rpx;
- font-size: 28rpx;
- }
- .search .text {
- font-weight: 500;
- font-size: 32rpx;
- color: #000000;
- line-height: 68rpx;
- margin-left: 44rpx;
- }
- .history {
- display: flex;
- flex-flow: row;
- justify-content: space-between;
- padding: 24rpx;
- }
- .history view:first-child {
- font-weight: 600;
- font-size: 28rpx;
- color: #000000;
- }
- .history view:last-child {
- font-weight: 400;
- font-size: 20rpx;
- color: #A2A2A2;
- }
- .history view:last-child view {
- font-size: 36rpx;
- vertical-align: sub;
- }
- .searchBtn {
- padding: 0 4rpx 0 24rpx;
- }
- .searchBtnItem {
- display: inline-block;
- height: 67rpx;
- background: #F8F8F8;
- border-radius: 53rpx;
- font-weight: 400;
- font-size: 28rpx;
- color: #000000;
- line-height: 67rpx;
- padding: 0 34rpx;
- margin-right: 20rpx;
- margin-bottom: 20rpx;
- }
- .goodsList {
- flex: 1;
- overflow: auto;
- /* display: flex; */
- /* flex-flow: row; */
- /* justify-content: space-between; */
- }
- .goodsScroll {
- overflow-y: auto;
- }
- .goods {
- height: 228rpx;
- padding: 24rpx;
- box-sizing: border-box;
- display: flex;
- flex-wrap: nowrap;
- flex-flow: row;
- justify-content: space-between;
- }
- .goods image {
- width: 180rpx;
- height: 180rpx;
- }
- .goodsInfo {
- flex: 1;
- display: flex;
- flex-flow: row;
- flex-wrap: wrap;
- flex-direction: column;
- padding-left: 16rpx;
- box-sizing: border-box;
- align-content: baseline;
- }
- .goodsInfo .name {
- font-weight: 500;
- font-size: 24rpx;
- color: #0D0D0D;
- line-height: 36rpx;
- height: 75rpx;
- }
- .goodsInfo .brief {
- flex: 1;
- font-weight: 400;
- font-size: 18rpx;
- color: #A2A2A2;
- line-height: 25rpx;
- }
- .goodsInfo .bar {
- width: 100%;
- height: 34rpx;
- display: flex;
- flex-flow: row;
- flex-wrap: nowrap;
- align-items: center;
- justify-content: space-between;
- }
- .goodsInfo .bar .price {
- flex: 1;
- font-weight: bold;
- font-size: 24rpx;
- line-height: 34rpx;
- color: #202020;
- float: left;
- }
- .goodsInfo .bar .icon {
- font-size: 34rpx;
- color: #00BC8A;
- }
- .goods:last-child {
- width: 100%;
- height: auto;
- display: inline-block;
- text-align: center;
- }
- .listEmpty {
- width: 208rpx;
- height: 208rpx;
- }
- .loadMore {
- text-align: center;
- font-size: 18rpx;
- color: #000000;
- line-height: 25rpx;
- /* background: #F8F8F8; */
- }
- .noMore {
- text-align: center;
- font-size: 18rpx;
- color: #A2A2A2;
- line-height: 25rpx;
- }
- .icon-shouye {
- position: absolute;
- left: 40rpx;
- }
|