add-project.wxss 7.2 KB

1
  1. page.data-v-ae448ae7{background-color:#f6f8fb}.page-container.data-v-ae448ae7{min-height:100vh;background-color:#f6f8fb;display:flex;flex-direction:column;width:100vw;box-sizing:border-box}.form-content.data-v-ae448ae7{flex:1;width:100%;box-sizing:border-box;padding:24rpx 32rpx 40rpx}.form-content .form-card.data-v-ae448ae7{background-color:#fff;border-radius:32rpx;padding:40rpx 32rpx;box-shadow:0 10rpx 40rpx rgba(0,0,0,.03)}.form-content .form-item.data-v-ae448ae7{margin-bottom:48rpx}.form-content .form-item.data-v-ae448ae7:last-child{margin-bottom:0}.form-content .form-item .label-row.data-v-ae448ae7{display:flex;justify-content:space-between;align-items:center;margin-bottom:20rpx;padding-left:8rpx}.form-content .form-item .label-row .label.data-v-ae448ae7{font-size:28rpx;font-weight:600;color:#333}.form-content .form-item .label-row .optional.data-v-ae448ae7{font-size:26rpx;color:#b3b3b3;font-weight:400;margin-left:8rpx}.form-content .form-item .label-row .tag-missing.data-v-ae448ae7{color:#ff7b3b;font-size:22rpx;background-color:rgba(255,123,59,.1);padding:4rpx 14rpx;border-radius:8rpx;font-weight:500}.form-content .form-item .input-box.data-v-ae448ae7{position:relative;display:flex;align-items:center;background-color:#f8fafc;border-radius:16rpx;padding:0 24rpx;height:84rpx;transition:all .3s ease;border:2rpx solid transparent}.form-content .form-item .input-box.data-v-ae448ae7:focus-within{background-color:#ebf1fa;border-color:rgba(31,108,255,.2)}.form-content .form-item .input-box input.data-v-ae448ae7{flex:1;font-size:28rpx;color:#1a1a1a;font-weight:500;height:100%}.form-content .form-item .input-box .ph-style.data-v-ae448ae7{color:#a0aabf;font-size:28rpx;font-weight:400}.form-content .form-item .input-box .arrow.data-v-ae448ae7{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}.form-content .form-item .input-box .date-picker-wrap.data-v-ae448ae7{flex:1;display:flex;align-items:center;justify-content:space-between;height:100%}.form-content .form-item .input-box .date-picker-wrap .date-block.data-v-ae448ae7{flex:1;position:relative;height:100%;display:flex;align-items:center}.form-content .form-item .input-box .date-picker-wrap .date-block.right-text.data-v-ae448ae7{justify-content:flex-end}.form-content .form-item .input-box .date-picker-wrap .date-text.data-v-ae448ae7{font-size:28rpx;color:#1a1a1a;font-weight:500}.form-content .form-item .input-box .date-picker-wrap .date-text.is-empty.data-v-ae448ae7{color:#a0aabf;font-weight:400;font-size:28rpx}.form-content .form-item .input-box .date-picker-wrap .date-separator.data-v-ae448ae7{color:#a0aabf;margin:0 30rpx;font-size:28rpx;font-weight:500}.form-content .form-item .input-box .picker-overlay.data-v-ae448ae7{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:0;width:100%;height:100%}.form-content .form-item .textarea-box.data-v-ae448ae7{background-color:#f8fafc;border-radius:16rpx;padding:24rpx;transition:all .3s ease;border:2rpx solid transparent}.form-content .form-item .textarea-box.data-v-ae448ae7:focus-within{background-color:#ebf1fa;border-color:rgba(31,108,255,.2)}.form-content .form-item .textarea-box textarea.data-v-ae448ae7{width:100%;height:160rpx;font-size:28rpx;color:#1a1a1a;line-height:1.6;font-weight:400}.form-content .form-item .textarea-box .ph-style.data-v-ae448ae7{color:#a0aabf;font-size:28rpx}.form-content .switch-row.data-v-ae448ae7{display:flex;justify-content:space-between;align-items:center;padding:30rpx 8rpx;border-top:1rpx solid #F0F4FC;margin-top:20rpx}.form-content .switch-row.data-v-ae448ae7:first-of-type{margin-top:40rpx}.form-content .switch-row .s-label.data-v-ae448ae7{font-size:32rpx;font-weight:500;color:#1a1a1a}.footer-btn-area.data-v-ae448ae7{width:100vw;box-sizing:border-box;padding:30rpx 40rpx calc(env(safe-area-inset-bottom) + 30rpx);background-color:transparent}.footer-btn-area .btn-save.data-v-ae448ae7{width:100%;height:80rpx;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1f6cff,#0052d9);color:#fff;font-size:28rpx;font-weight:600;border-radius:40rpx;transition:all .3s;border:none;box-shadow:0 12rpx 24rpx rgba(31,108,255,.25);margin:0}.footer-btn-area .btn-save.data-v-ae448ae7:after{border:none}.footer-btn-area .btn-save.data-v-ae448ae7:active{opacity:.8;transform:scale(.98);box-shadow:0 6rpx 12rpx rgba(31,108,255,.2)}.footer-btn-area .btn-save.is-disabled.data-v-ae448ae7{background:#e5e9f2;color:#a0aabf;box-shadow:none;opacity:1;pointer-events:none}.picker-popup.data-v-ae448ae7{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.picker-popup .picker-mask.data-v-ae448ae7{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.picker-popup .picker-content.data-v-ae448ae7{position:absolute;bottom:0;left:0;right:0;background-color:#fff;border-top-left-radius:24rpx;border-top-right-radius:24rpx;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.picker-popup .picker-content .picker-header.data-v-ae448ae7{display:flex;justify-content:space-between;align-items:center;height:100rpx;padding:0 40rpx;border-bottom:1rpx solid #F0F4FC}.picker-popup .picker-content .picker-header .btn-cancel.data-v-ae448ae7{font-size:30rpx;color:#999}.picker-popup .picker-content .picker-header .title.data-v-ae448ae7{font-size:32rpx;color:#333;font-weight:600}.picker-popup .picker-content .picker-header .btn-confirm.data-v-ae448ae7{font-size:30rpx;color:#1f6cff}.picker-popup .picker-content .range-tabs-header.data-v-ae448ae7{display:flex;border-bottom:1rpx solid #F0F4FC}.picker-popup .picker-content .range-tabs-header .tab-item.data-v-ae448ae7{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30rpx 0;position:relative}.picker-popup .picker-content .range-tabs-header .tab-item .tab-label.data-v-ae448ae7{font-size:26rpx;color:#666;margin-bottom:8rpx}.picker-popup .picker-content .range-tabs-header .tab-item .tab-val.data-v-ae448ae7{font-size:32rpx;color:#ccc;font-weight:500}.picker-popup .picker-content .range-tabs-header .tab-item.active .tab-label.data-v-ae448ae7{color:#333;font-weight:700}.picker-popup .picker-content .range-tabs-header .tab-item.active .tab-val.data-v-ae448ae7{color:#1f6cff}.picker-popup .picker-content .range-tabs-header .tab-item.active.data-v-ae448ae7:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border:2rpx solid #1F6CFF;pointer-events:none}.picker-popup .picker-content .picker-view.data-v-ae448ae7{width:100%;height:400rpx}.picker-popup .picker-content .picker-item.data-v-ae448ae7{line-height:100rpx;text-align:center;font-size:32rpx;color:#333}.picker-popup .picker-content .picker-bottom-btn-area.data-v-ae448ae7{padding:30rpx 40rpx;padding-bottom:calc(env(safe-area-inset-bottom) + 30rpx);background-color:#fff;border-top:1rpx solid #F0F4FC}.picker-popup .picker-content .picker-bottom-btn-area .btn-bottom.data-v-ae448ae7{display:flex;justify-content:center;align-items:center;width:100%;height:80rpx;background:linear-gradient(135deg,#1f6cff,#0052d9);color:#fff;font-size:28rpx;font-weight:600;border-radius:40rpx;transition:all .3s;box-shadow:0 12rpx 24rpx rgba(31,108,255,.25)}.picker-popup .picker-content .picker-bottom-btn-area .btn-bottom.data-v-ae448ae7:active{opacity:.8;transform:scale(.98);box-shadow:0 6rpx 12rpx rgba(31,108,255,.2)}