123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- .content {
- padding: 10rpx 28rpx;
- }
- .border-radius {
- background: #FFFFFF;
- border-radius: 24rpx;
- margin: 20rpx 0;
- }
- .item {
- padding: 0 28rpx;
- border-bottom: 2rpx solid #F2F2F2;
- position: relative;
- }
- .item-top {
- height: 102rpx;
- }
- .item-top text {
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- }
- .item-text {
- padding: 30rpx 26rpx;
- background: #FFF7FA;
- border-radius: 16rpx;
- position: relative;
- }
- .item-text text {
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #666666;
- line-height: 48rpx;
- }
- .item-text .copy {
- position: absolute;
- right: 28rpx;
- top: 30rpx;
- width: 84rpx;
- height: 52rpx;
- font-size: 28rpx;
- border-radius: 12rpx;
- border: 2rpx solid #333333;
- }
- .price {
- height: 84rpx;
- justify-content: flex-end;
- border-bottom: 2rpx solid #F9F9F9;
- }
- .price text {
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- }
- .item-btn {
- height: 132rpx;
- }
- .item-btn .btn {
- width: 192rpx;
- height: 72rpx;
- border-radius: 36rpx;
- border: rpx solid #333333;
- box-sizing: border-box;
- }
- .list .item {
- padding-top: 30rpx;
- }
- .list .item-top {
- padding: 0 28rpx;
- }
- .list .item-top .btn {
- width: 154rpx;
- height: 52rpx;
- border-radius: 26rpx;
- border: 2rpx solid #333333;
- box-sizing: border-box;
- font-size: 28rpx;
- }
- .list .user-info {
- margin-bottom: 20rpx;
- }
- .list .user-info image {
- width: 64rpx;
- height: 64rpx;
- border-radius: 50%;
- background-color: red;
- margin-right: 14rpx;
- }
- .list .more {
- width: 48rpx;
- height: 48rpx;
- padding: 0 4rpx;
- box-sizing: border-box;
- }
- .list .more text {
- width: 8rpx;
- height: 8rpx;
- background: #333;
- border-radius: 50%;
- }
- .list .box {
- display: grid;
- grid-gap: 20rpx 22rpx;
- grid-template-columns: repeat(3, 1fr);
- padding: 30rpx 0;
- }
- .list .box image {
- width: 198rpx;
- height: 198rpx;
- border-radius: 16rpx;
- background-color: red;
- }
- /* .list .user-info .more {
- font-size: 36rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- } */
|