experience.wxss 6.4 KB

1
  1. .exp-list.data-v-c1cb87bb{padding-bottom:40rpx}.section.data-v-c1cb87bb{border-bottom:1rpx solid #E5E5E5;padding:30rpx 0 40rpx}.section.data-v-c1cb87bb:first-child{padding-top:10rpx}.section.border-none.data-v-c1cb87bb{border-bottom:none}.section .section-header.data-v-c1cb87bb{display:flex;justify-content:space-between;align-items:center;margin-bottom:30rpx}.section .section-header .section-title.data-v-c1cb87bb{font-size:32rpx;font-weight:600;color:#333}.section .section-header .icon-plus.data-v-c1cb87bb{width:52rpx;height:52rpx;border-radius:50%;background-color:#f0f6ff;position:relative;border:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.section .section-header .icon-plus.data-v-c1cb87bb:before,.section .section-header .icon-plus.data-v-c1cb87bb:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1f6cff;border-radius:2rpx;transition:background-color .2s}.section .section-header .icon-plus.data-v-c1cb87bb:before{width:24rpx;height:4rpx}.section .section-header .icon-plus.data-v-c1cb87bb:after{width:4rpx;height:24rpx}.section .section-header .icon-plus.data-v-c1cb87bb:active{background-color:#1f6cff;transform:scale(.92)}.section .section-header .icon-plus.data-v-c1cb87bb:active:before,.section .section-header .icon-plus.data-v-c1cb87bb:active:after{background-color:#fff}.section .item-list.data-v-c1cb87bb{display:flex;flex-direction:column}.section .item-list .empty-state.data-v-c1cb87bb{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50rpx 0;background-color:#f8faff;border-radius:20rpx;margin:16rpx 0;border:2rpx dashed #D6E4FF}.section .item-list .empty-state .empty-icon.data-v-c1cb87bb{width:72rpx;height:72rpx;margin-bottom:24rpx}.section .item-list .empty-state .empty-text.data-v-c1cb87bb{font-size:26rpx;color:#9aadd1}.section .item-list .item.data-v-c1cb87bb{display:flex;justify-content:space-between;align-items:center;padding:32rpx 28rpx;margin:16rpx 0;background:linear-gradient(145deg,#f8faff,#eff4ff);border:2rpx solid #EAF0FF;border-radius:20rpx;box-shadow:0 4rpx 12rpx rgba(31,108,255,.04);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.section .item-list .item .icon-close.data-v-c1cb87bb{position:absolute;top:-12rpx;right:-12rpx;width:32rpx;height:32rpx;border-radius:50%;background-color:#e6f0ff;display:flex;justify-content:center;align-items:center;z-index:10;transition:all .2s;box-shadow:0 2rpx 6rpx rgba(31,108,255,.1)}.section .item-list .item .icon-close.data-v-c1cb87bb:before,.section .item-list .item .icon-close.data-v-c1cb87bb:after{content:"";position:absolute;width:14rpx;height:3rpx;background-color:#6b93e0;border-radius:2rpx;transition:all .2s}.section .item-list .item .icon-close.data-v-c1cb87bb:before{transform:rotate(45deg)}.section .item-list .item .icon-close.data-v-c1cb87bb:after{transform:rotate(-45deg)}.section .item-list .item .icon-close.data-v-c1cb87bb:active{background-color:#ffdee0;transform:scale(.9)}.section .item-list .item .icon-close.data-v-c1cb87bb:active:before,.section .item-list .item .icon-close.data-v-c1cb87bb:active:after{background-color:#ff4d4f}.section .item-list .item.data-v-c1cb87bb:active{background:#eaf2ff;transform:scale(.98);box-shadow:0 2rpx 6rpx rgba(31,108,255,.06)}.section .item-list .item .item-content.data-v-c1cb87bb{flex:1;padding-right:30rpx}.section .item-list .item .item-content .title-row.data-v-c1cb87bb{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12rpx}.section .item-list .item .item-content .title-row .item-title.data-v-c1cb87bb{font-size:30rpx;font-weight:600;color:#1a1a1a;line-height:1.4;flex:1}.section .item-list .item .item-content .title-row .status-tags.data-v-c1cb87bb{display:flex;align-items:center;margin-left:16rpx}.section .item-list .item .item-content .title-row .status-tags .tag-hidden.data-v-c1cb87bb{font-size:20rpx;color:#9aadd1;background-color:rgba(154,173,209,.12);padding:4rpx 12rpx;border-radius:6rpx;font-weight:500;border:1rpx solid rgba(154,173,209,.2)}.section .item-list .item .item-content .item-desc.data-v-c1cb87bb{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;margin-top:12rpx}.section .item-list .item .item-content .item-desc .desc-text.data-v-c1cb87bb{font-size:26rpx;color:#555;line-height:1.5;flex:1}.section .item-list .item .item-content .item-desc .item-time.data-v-c1cb87bb{font-size:24rpx;color:#666;font-weight:500;white-space:nowrap;margin-left:20rpx}.section .item-list .item .item-content .item-detail.data-v-c1cb87bb{font-size:26rpx;color:#666;line-height:1.6;margin-top:12rpx;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.section .item-list .item .arrow.data-v-c1cb87bb{width:14rpx;height:14rpx;border-right:3rpx solid #9AADD1;border-top:3rpx solid #9AADD1;transform:rotate(45deg);margin-left:10rpx;border-radius:2rpx}.custom-modal.data-v-c1cb87bb{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;visibility:hidden;opacity:0;transition:all .3s;display:flex;justify-content:center;align-items:center}.custom-modal.is-show.data-v-c1cb87bb{visibility:visible;opacity:1}.custom-modal.is-show .modal-content.data-v-c1cb87bb{transform:scale(1);opacity:1}.custom-modal .modal-mask.data-v-c1cb87bb{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.custom-modal .modal-content.data-v-c1cb87bb{position:relative;width:600rpx;background-color:#fff;border-radius:24rpx;transform:scale(.9);opacity:0;transition:all .3s;overflow:hidden}.custom-modal .modal-content .modal-title.data-v-c1cb87bb{font-size:36rpx;font-weight:600;color:#1a1a1a;text-align:center;padding:40rpx 0 20rpx}.custom-modal .modal-content .modal-body.data-v-c1cb87bb{font-size:32rpx;color:#666;text-align:center;padding:0 40rpx 50rpx;line-height:1.5}.custom-modal .modal-content .modal-footer.data-v-c1cb87bb{display:flex;justify-content:space-between;align-items:center;padding:0 40rpx 40rpx}.custom-modal .modal-content .modal-footer view.data-v-c1cb87bb{flex:1;height:80rpx;display:flex;justify-content:center;align-items:center;font-size:30rpx;font-weight:500;border-radius:40rpx;transition:all .25s}.custom-modal .modal-content .modal-footer view.data-v-c1cb87bb:active{transform:scale(.96)}.custom-modal .modal-content .modal-footer .btn-cancel.data-v-c1cb87bb{background-color:#f0f4fc;color:#555;margin-right:24rpx}.custom-modal .modal-content .modal-footer .btn-confirm.data-v-c1cb87bb{background:linear-gradient(135deg,#1f6cff,#0052d9);color:#fff;box-shadow:0 8rpx 16rpx rgba(31,108,255,.2)}