/* pages/searchList/searchList.wxss */ page{ padding: 0; } .search{ padding: 0 10px; background: #fff; } .search input{ background: #EEEEEE; } .tab{ overflow: auto; background: #fff; padding: 10px; margin-bottom: 20rpx; } .tab view{ display: flex; justify-content: space-between; width: 150vw } .tab text{ font-size: 30rpx; color: #666; } .tab .active{ color: #3780CD; } .part{ background: #fff; padding: 0 10px; margin-top: 10px; } .part>.title{ font-size: 32rpx; color: #333; margin-bottom: 28rpx; line-height: 40px; } .part>.title text{ float: right; color: #3780CD; font-size: 26rpx; } .tj{ display: flex; justify-content: space-between; } .tj navigator{ width: 30%; } .tj image{ width: 100%; max-height: 200rpx; } .list{ /* box-shadow: 0px 2rpx 9rpx 0px rgba(0, 0, 0, 0.2); */ border-radius: 20rpx; display: flex; padding: 20rpx; /* box-shadow: 0 0 15rpx 0px rgba(0, 0, 0, 0.2); */ margin: 0 20rpx 40rpx; } .list image{ width: 20%; height: 160rpx; max-height: 100px; } .list>view{ width: 80%; padding-left: 20rpx; vertical-align: middle; } .list .title{ margin-bottom: 20rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .list text{ color: #999; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 26rpx; } .list .company{ overflow: visible; white-space: pre-wrap; margin-top: 40rpx; font-size: 28rpx; } .list .wrap{ display: block; font-size: 26rpx; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }