1 line
4.8 KiB
Plaintext
1 line
4.8 KiB
Plaintext
.component-demand .demand-item{margin-top:32rpx;padding:32rpx 32rpx 24rpx;border-radius:16rpx;background:#fff}.component-demand .demand-item:first-child{margin-top:0}.component-demand .demand-item .item-top .top-info .info-avatar{width:96rpx;height:96rpx;border-radius:50%}.component-demand .demand-item .item-top .top-info .info-box{margin-left:24rpx}.component-demand .demand-item .item-top .top-info .info-box .title{color:#5a5b6e;font-size:32rpx;font-weight:600;line-height:44rpx}.component-demand .demand-item .item-top .top-info .info-box .subtitle{margin-top:12rpx;color:#666;font-size:28rpx;line-height:40rpx}.component-demand .demand-item .item-top .top-info .info-btn{margin-left:24rpx;padding:8rpx 16rpx;color:#fff;text-align:center;font-size:24rpx;line-height:34rpx;background:var(--theme-color);border-radius:8rpx}.component-demand .demand-item .item-top .top-order{padding-bottom:32rpx;border-bottom:1px solid #e4e4e4}.component-demand .demand-item .item-top .top-order .order-number{color:#979797;font-size:28rpx;line-height:40rpx}.component-demand .demand-item .item-top .top-order .order-status .status-label{font-size:28rpx;line-height:40rpx}.component-demand .demand-item .item-center{margin-top:32rpx}.component-demand .demand-item .item-center .center-title{color:#5a5b6e;font-size:32rpx;font-weight:600;line-height:44rpx}.component-demand .demand-item .item-center .center-content{margin-top:24rpx;color:#5a5b6e;font-size:28rpx;line-height:40rpx}.component-demand .demand-item .item-center .center-image{display:flex;flex-wrap:wrap;margin-top:16rpx;-webkit-column-gap:2%;column-gap:2%;row-gap:14rpx}.component-demand .demand-item .item-center .center-image .image-box{width:32%;height:0;padding-top:32%;position:relative;border-radius:16rpx;overflow:hidden}.component-demand .demand-item .item-center .center-image .image-box .image{position:absolute;top:0;left:0;right:0;bottom:0}.component-demand .demand-item .item-center .center-image.special-image{justify-content:space-between;-webkit-column-gap:0;column-gap:0}.component-demand .demand-item .item-center .center-image.special-image .image-box{width:calc(50% - 8rpx);padding-top:calc(50% - 8rpx)}.component-demand .demand-item .item-bottom .bottom-info{margin-top:24rpx}.component-demand .demand-item .item-bottom .bottom-info .info-label{max-width:280rpx}.component-demand .demand-item .item-bottom .bottom-info .info-label .label-box{max-width:100%;padding:6rpx 18rpx 6rpx 8rpx;position:relative;z-index:1;border-radius:8rpx;overflow:hidden}.component-demand .demand-item .item-bottom .bottom-info .info-label .label-box .box-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--theme-color);z-index:-1;opacity:.1}.component-demand .demand-item .item-bottom .bottom-info .info-label .label-box .box-icon{width:24rpx;height:24rpx;background-size:24rpx}.component-demand .demand-item .item-bottom .bottom-info .info-label .label-box .box-text{margin-left:8rpx;color:var(--theme-color);font-size:20rpx;line-height:28rpx}.component-demand .demand-item .item-bottom .bottom-info .info-other .other-item{margin-left:32rpx}.component-demand .demand-item .item-bottom .bottom-info .info-other .other-item .icon{width:32rpx;height:32rpx}.component-demand .demand-item .item-bottom .bottom-info .info-other .other-item .text{margin-left:8rpx;color:#5a5b6e;font-size:28rpx;line-height:40rpx}.component-demand .demand-item .item-bottom .bottom-order .order-box{margin-top:24rpx}.component-demand .demand-item .item-bottom .bottom-order .order-box .box-label{max-width:280rpx}.component-demand .demand-item .item-bottom .bottom-order .order-box .box-label .label-box{max-width:100%;padding:6rpx 18rpx 6rpx 8rpx;position:relative;z-index:1;border-radius:8rpx;overflow:hidden}.component-demand .demand-item .item-bottom .bottom-order .order-box .box-label .label-box .box-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--theme-color);z-index:-1;opacity:.1}.component-demand .demand-item .item-bottom .bottom-order .order-box .box-label .label-box .box-icon{width:24rpx;height:24rpx;background-size:24rpx}.component-demand .demand-item .item-bottom .bottom-order .order-box .box-label .label-box .box-text{margin-left:8rpx;color:var(--theme-color);font-size:20rpx;line-height:28rpx}.component-demand .demand-item .item-bottom .bottom-order .order-box .box-btn{margin-left:32rpx}.component-demand .demand-item .item-bottom .bottom-order .order-box .box-btn .icon{width:32rpx;height:32rpx}.component-demand .demand-item .item-bottom .bottom-order .order-box .box-btn .text{margin-left:8rpx;color:#5a5b6e;font-size:28rpx;line-height:40rpx}.component-demand .demand-item .item-bottom .bottom-order .order-btn{margin-top:32rpx}.component-demand .demand-item .item-bottom .bottom-order .order-btn .btn{padding:16rpx 32rpx;border-radius:8rpx;color:#fff;text-align:center;font-size:28rpx;line-height:40rpx;margin-left:16rpx} |