intention.wxss 6.6 KB

1
  1. .intention-form.data-v-04c20a53{padding-bottom:40rpx}.form-section.data-v-04c20a53{margin-bottom:50rpx}.form-section .section-title.data-v-04c20a53{font-size:32rpx;font-weight:600;color:#333;margin-bottom:24rpx;display:flex;align-items:center}.form-section .section-title .sub.data-v-04c20a53{font-size:26rpx;color:#b3b3b3;font-weight:400;margin-left:12rpx}.form-section .tag-list.data-v-04c20a53{display:flex;flex-wrap:wrap;gap:20rpx}.form-section .tag-list .tag-item.data-v-04c20a53{flex:0 0 calc(33.33% - 14rpx);height:76rpx;line-height:76rpx;text-align:center;background-color:#f8fafc;border-radius:16rpx;color:#666;font-size:28rpx;box-sizing:border-box;border:2rpx solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-section .tag-list .tag-item.active.data-v-04c20a53{background-color:#f0f6ff;color:#1f6cff;border-color:rgba(31,108,255,.4);font-weight:500}.form-section .tag-list .tag-item.data-v-04c20a53:active{transform:scale(.98)}.form-section .input-box.data-v-04c20a53{display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc;border-radius:16rpx;padding:0 32rpx;height:96rpx;transition:all .3s ease;border:2rpx solid transparent}.form-section .input-box.data-v-04c20a53:active{background-color:#ebf1fa}.form-section .input-box .date-text.data-v-04c20a53{font-size:30rpx;color:#1a1a1a;font-weight:500}.form-section .input-box .date-text.is-empty.data-v-04c20a53{color:#a0aabf;font-weight:400}.form-section .input-box .arrow.data-v-04c20a53{width:14rpx;height:14rpx;border-right:3.5rpx solid #B0BACC;border-top:3.5rpx solid #B0BACC;transform:rotate(45deg);margin-left:20rpx;border-radius:2rpx}.list-section .item-header.data-v-04c20a53{display:flex;justify-content:space-between;align-items:center;margin-bottom:24rpx}.list-section .item-header .section-title.data-v-04c20a53{margin-bottom:0}.list-section .item-header .icon-plus.data-v-04c20a53{width:52rpx;height:52rpx;border-radius:50%;background-color:#f0f6ff;position:relative;border:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.list-section .item-header .icon-plus.data-v-04c20a53:before,.list-section .item-header .icon-plus.data-v-04c20a53:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1f6cff;border-radius:2rpx;transition:background-color .2s}.list-section .item-header .icon-plus.data-v-04c20a53:before{width:24rpx;height:4rpx}.list-section .item-header .icon-plus.data-v-04c20a53:after{width:4rpx;height:24rpx}.list-section .item-header .icon-plus.data-v-04c20a53:active{background-color:#1f6cff;transform:scale(.92)}.list-section .item-header .icon-plus.data-v-04c20a53:active:before,.list-section .item-header .icon-plus.data-v-04c20a53:active:after{background-color:#fff}.list-section .item-list.data-v-04c20a53{display:flex;flex-direction:column}.list-section .item-list .empty-state.data-v-04c20a53{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}.list-section .item-list .empty-state .empty-icon.data-v-04c20a53{width:72rpx;height:72rpx;margin-bottom:24rpx}.list-section .item-list .empty-state .empty-text.data-v-04c20a53{font-size:26rpx;color:#9aadd1}.list-section .item-list .item.data-v-04c20a53{display:flex;justify-content:space-between;align-items:center;padding:36rpx 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);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.list-section .item-list .item .icon-close.data-v-04c20a53{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)}.list-section .item-list .item .icon-close.data-v-04c20a53:before,.list-section .item-list .item .icon-close.data-v-04c20a53:after{content:"";position:absolute;width:14rpx;height:3rpx;background-color:#6b93e0;border-radius:2rpx;transition:all .2s}.list-section .item-list .item .icon-close.data-v-04c20a53:before{transform:rotate(45deg)}.list-section .item-list .item .icon-close.data-v-04c20a53:after{transform:rotate(-45deg)}.list-section .item-list .item .icon-close.data-v-04c20a53:active{background-color:#ffdee0;transform:scale(.9)}.list-section .item-list .item .icon-close.data-v-04c20a53:active:before,.list-section .item-list .item .icon-close.data-v-04c20a53:active:after{background-color:#ff4d4f}.list-section .item-list .item.data-v-04c20a53:active{background:#eaf2ff;transform:scale(.98);box-shadow:0 2rpx 6rpx rgba(31,108,255,.06)}.list-section .item-list .item .item-content.data-v-04c20a53{flex:1;padding-right:30rpx}.list-section .item-list .item .item-content .title-row.data-v-04c20a53{display:flex;justify-content:flex-start;align-items:center}.list-section .item-list .item .item-content .title-row .item-title.data-v-04c20a53{font-size:32rpx;font-weight:600;color:#1a1a1a}.custom-modal.data-v-04c20a53{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-04c20a53{visibility:visible;opacity:1}.custom-modal.is-show .modal-content.data-v-04c20a53{transform:scale(1);opacity:1}.custom-modal .modal-mask.data-v-04c20a53{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.custom-modal .modal-content.data-v-04c20a53{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-04c20a53{font-size:36rpx;font-weight:600;color:#1a1a1a;text-align:center;padding:40rpx 0 20rpx}.custom-modal .modal-content .modal-body.data-v-04c20a53{font-size:32rpx;color:#666;text-align:center;padding:0 40rpx 50rpx;line-height:1.5}.custom-modal .modal-content .modal-footer.data-v-04c20a53{display:flex;justify-content:space-between;align-items:center;padding:0 40rpx 40rpx}.custom-modal .modal-content .modal-footer view.data-v-04c20a53{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-04c20a53:active{transform:scale(.96)}.custom-modal .modal-content .modal-footer .btn-cancel.data-v-04c20a53{background-color:#f0f4fc;color:#555;margin-right:24rpx}.custom-modal .modal-content .modal-footer .btn-confirm.data-v-04c20a53{background:linear-gradient(135deg,#1f6cff,#0052d9);color:#fff;box-shadow:0 8rpx 16rpx rgba(31,108,255,.2)}