12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- page {
- background: #f4f4f4;
- min-height: 100%;
- }
- .container {
- background: #f4f4f4;
- min-height: 100%;
- }
- .list {
- width: 100%;
- height: auto;
- overflow: hidden;
- background: #fff;
- padding-left: 30rpx;
- border-top: 1px solid #e1e1e1;
- }
- .item {
- height: 212rpx;
- width: 720rpx;
- background: #fff;
- padding: 30rpx 30rpx 30rpx 0;
- border-bottom: 1px solid #e1e1e1;
- }
- .item:last-child {
- border-bottom: 1px solid #fff;
- }
- .item .img {
- float: left;
- width: 150rpx;
- height: 150rpx;
- }
- .item .info {
- float: right;
- width: 540rpx;
- height: 150rpx;
- display: flex;
- flex-direction: column;
- justify-content: center;
- padding-left: 20rpx;
- }
- .item .info .name {
- font-size: 28rpx;
- color: #333;
- line-height: 40rpx;
- }
- .item .info .price {
- margin-top: 8rpx;
- font-size: 28rpx;
- color: #f94b4b;
- line-height: 40rpx;
- width: 160rpx;
- }
- .item .info .flex {
- display: flex;
- }
- .item .info .time {
- display: flex;
- align-items: center;
- padding: 0 10rpx;
- width: auto;
- color: #999;
- overflow: hidden;
- font-size: 26rpx;
- line-height: 55rpx;
- }
- .result-empty {
- width: 100%;
- height: 100%;
- padding-top: 300rpx;
- }
- .result-empty .icon {
- margin: 0 auto;
- display: block;
- width: 240rpx;
- height: 240rpx;
- }
- .result-empty .text {
- display: block;
- width: 100%;
- height: 40rpx;
- font-size: 28rpx;
- text-align: center;
- color: #999;
- }
|