@robot-admin/naive-ui-components 0.14.3 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/README.md +130 -741
- package/README_EN.md +137 -678
- package/dist/C_ActionBar.css +57 -58
- package/dist/C_ActionBar2.cjs +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_AntV.css +232 -238
- package/dist/C_AntV2.cjs +2 -2
- package/dist/C_AntV2.js +2 -2
- package/dist/C_AudioPlayer.css +9 -9
- package/dist/C_AvatarGroup.css +5 -6
- package/dist/C_Barcode.css +1 -1
- package/dist/C_Breadcrumb.css +15 -18
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Captcha.css +46 -49
- package/dist/C_Captcha2.cjs +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Cascade.css +5 -6
- package/dist/C_Chat.css +8 -8
- package/dist/C_City.css +2 -2
- package/dist/C_Code.css +9 -9
- package/dist/C_CollapsePanel.css +9 -9
- package/dist/C_ContextMenu.css +31 -31
- package/dist/C_Cron.css +271 -274
- package/dist/C_Date.css +1 -1
- package/dist/C_Draggable.css +10 -11
- package/dist/C_Editor.css +2 -2
- package/dist/C_FilePreview.css +423 -423
- package/dist/C_Form.base.css +608 -602
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +610 -604
- package/dist/C_Form.d.cts +2 -2
- package/dist/C_Form.d.ts +2 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_FormModal.cjs +1 -1
- package/dist/C_FormModal.css +12 -17
- package/dist/C_FormModal.js +1 -1
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +53 -55
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormulaEditor.css +204 -205
- package/dist/C_FullCalendar.css +13 -15
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_GlobalSearch.css +11 -12
- package/dist/C_Guide.css +10 -10
- package/dist/C_Icon.css +7 -8
- package/dist/C_ImageCropper.css +69 -69
- package/dist/C_Language.css +8 -8
- package/dist/C_Loading.css +22 -25
- package/dist/C_Loading2.cjs +1 -1
- package/dist/C_Loading2.js +1 -1
- package/dist/C_Login.css +130 -135
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +22 -23
- package/dist/C_Markdown.css +6 -7
- package/dist/C_Menu.css +2 -5
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +252 -253
- package/dist/C_OrgChart.css +8 -8
- package/dist/C_PageLoading.css +34 -39
- package/dist/C_QRCode.css +5 -6
- package/dist/C_Signature.css +5 -6
- package/dist/C_Skeleton.css +2 -2
- package/dist/C_SplitPane.css +2 -2
- package/dist/C_Steps.css +5 -6
- package/dist/C_Table.base.css +1090 -879
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +1096 -885
- package/dist/C_Table.d.cts +1 -1
- package/dist/C_Table.d.ts +1 -1
- package/dist/C_Table.js +1 -1
- package/dist/C_Tabs.css +5 -6
- package/dist/C_TagsView.css +60 -63
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +7 -8
- package/dist/C_Time.css +1 -1
- package/dist/C_Timeline.css +8 -8
- package/dist/C_Transfer.css +10 -11
- package/dist/C_Tree.css +16 -17
- package/dist/C_Upload.css +156 -157
- package/dist/C_VideoPlayer.css +267 -267
- package/dist/C_VtableGantt.css +2 -2
- package/dist/C_WaterFall.css +2 -2
- package/dist/C_WorkFlow.css +466 -470
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/Card.cjs +1 -0
- package/dist/Card.js +1 -0
- package/dist/Custom.cjs +1 -0
- package/dist/Custom.js +1 -0
- package/dist/Dynamic.cjs +1 -0
- package/dist/Dynamic.js +1 -0
- package/dist/Steps.cjs +1 -0
- package/dist/Steps.js +1 -0
- package/dist/Tabs.cjs +1 -0
- package/dist/Tabs.js +1 -0
- package/dist/cascader.cjs +1 -0
- package/dist/cascader.js +1 -0
- package/dist/color-picker.cjs +1 -0
- package/dist/color-picker.js +1 -0
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants3.d.cts +2 -2
- package/dist/constants3.d.ts +2 -2
- package/dist/constants4.d.cts +4 -4
- package/dist/constants4.d.ts +4 -4
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/context.cjs +1 -0
- package/dist/context.js +1 -0
- package/dist/contracts.d.cts +24 -0
- package/dist/contracts.d.ts +24 -0
- package/dist/createPageLoading.cjs +1 -1
- package/dist/createPageLoading.js +1 -1
- package/dist/data.cjs +1 -1
- package/dist/data.d.cts +4 -4
- package/dist/data.d.ts +4 -4
- package/dist/data.js +1 -1
- package/dist/date-picker.cjs +1 -0
- package/dist/date-picker.js +1 -0
- package/dist/feedback.cjs +1 -0
- package/dist/feedback.js +1 -0
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -4
- package/dist/index.d.ts +6 -4
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +4 -4
- package/dist/index.vue.d.ts +4 -4
- package/dist/index10.vue.d.cts +3 -3
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +2 -2
- package/dist/index12.vue.d.cts +2 -2
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.vue.d.cts +1 -1
- package/dist/index13.vue.d.ts +2 -2
- package/dist/index14.vue.d.cts +2 -2
- package/dist/index14.vue.d.ts +7 -7
- package/dist/index15.vue.d.cts +7 -7
- package/dist/index16.vue.d.ts +1 -1
- package/dist/index17.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +2 -2
- package/dist/index18.vue.d.cts +2 -2
- package/dist/index18.vue.d.ts +2 -2
- package/dist/index19.vue.d.cts +2 -2
- package/dist/index19.vue.d.ts +1 -8
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index22.vue.d.cts +3 -3
- package/dist/index22.vue.d.ts +3 -3
- package/dist/index23.vue.d.cts +1 -1
- package/dist/index23.vue.d.ts +1 -1
- package/dist/index25.vue.d.cts +4 -4
- package/dist/index25.vue.d.ts +4 -4
- package/dist/index26.vue.d.cts +1 -1
- package/dist/index26.vue.d.ts +1 -1
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index4.vue.d.cts +1 -8
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +3 -3
- package/dist/index9.vue.d.cts +3 -3
- package/dist/index9.vue.d.ts +3 -3
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +8 -2
- package/dist/presets.d.ts +8 -2
- package/dist/rate.cjs +1 -0
- package/dist/rate.js +1 -0
- package/dist/slider.cjs +1 -0
- package/dist/slider.js +1 -0
- package/dist/style.css +10671 -10704
- package/dist/time-picker.cjs +1 -0
- package/dist/time-picker.js +1 -0
- package/dist/upload.cjs +1 -0
- package/dist/upload.js +1 -0
- package/dist/useActionTask.cjs +1 -0
- package/dist/useActionTask.js +1 -0
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +6 -6
- package/dist/useCollapsePanel.d.ts +6 -6
- package/dist/useComponentLocale.cjs +1 -0
- package/dist/useComponentLocale.js +1 -0
- package/dist/useCropperCore.d.cts +4 -4
- package/dist/useCropperCore.d.ts +4 -4
- package/dist/useDraggableLayout.d.cts +8 -8
- package/dist/useDraggableLayout.d.ts +8 -8
- package/dist/useDynamicFormState.cjs +1 -0
- package/dist/useDynamicFormState.d.cts +62 -38
- package/dist/useDynamicFormState.d.ts +62 -38
- package/dist/useDynamicFormState.js +1 -0
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +3 -3
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.cts +16 -726
- package/dist/useSearchState.d.ts +16 -835
- package/dist/useSignatureHistory.d.cts +2 -2
- package/dist/useSignatureHistory.d.ts +2 -2
- package/dist/useSplitResize.d.cts +9 -9
- package/dist/useSplitResize.d.ts +9 -9
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +66 -33
- package/dist/useTableQuery.d.ts +66 -33
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +2 -2
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.cts +4 -4
- package/dist/useTreeOperations.d.ts +4 -4
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +2 -2
- package/dist/verification.d.ts +2 -2
- package/docs/architecture.en.md +83 -0
- package/docs/architecture.md +83 -0
- package/docs/assets/README.md +47 -0
- package/docs/assets/naive-ui-components-banner.png +0 -0
- package/docs/assets/naive-ui-components-banner.svg +69 -0
- package/docs/assets/naive-ui-components-logo.png +0 -0
- package/docs/assets/naive-ui-components-logo.svg +22 -0
- package/docs/components.en.md +118 -0
- package/docs/components.md +118 -0
- package/docs/engineering.en.md +132 -0
- package/docs/engineering.md +133 -0
- package/docs/guides/usage.en.md +638 -0
- package/docs/guides/usage.md +699 -0
- package/docs/performance-0.15.0.md +20 -0
- package/docs/security-scan-2026-10-06.md +11 -0
- package/docs/security-scan-2026-10-18.md +16 -0
- package/package.json +29 -11
- package/dist/C_Form2.cjs +0 -1
- package/dist/C_Form2.js +0 -1
- package/dist/config.cjs +0 -1
- package/dist/config.d.cts +0 -33
- package/dist/config.d.ts +0 -33
- package/dist/config.js +0 -1
package/dist/C_Login.css
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
:root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
/* layer: default */
|
|
5
|
-
.inline-flex[data-v-075758a0]{display:inline-flex;}
|
|
6
|
-
.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
7
|
-
.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
|
|
8
|
-
|
|
9
|
-
/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
|
|
3
|
+
.c-icon[data-v-075758a0] {
|
|
10
4
|
display: inline-flex;
|
|
11
5
|
align-items: center;
|
|
12
6
|
justify-content: center;
|
|
@@ -65,15 +59,15 @@
|
|
|
65
59
|
transform: rotate(360deg);
|
|
66
60
|
}
|
|
67
61
|
}
|
|
68
|
-
.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#0000004d;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.vue-puzzle-vcode.inside_{position:relative;background-color:transparent;width:100%;height:100%}.vue-puzzle-vcode.inside_ .vue-auth-box_{position:relative;top:0;left:0;transform:translate(0);padding:0;background:transparent;box-shadow:none}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;user-select:none;border-radius:3px;box-shadow:0 1px 3px #0000004d}.vue-auth-box_ .auth-body_{position:relative;overflow:hidden;border-radius:3px}.vue-auth-box_ .auth-body_ .loading-box_{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000c;z-index:20;opacity:1;transition:opacity .1s;display:flex;align-items:center;justify-content:center}.vue-auth-box_ .auth-body_ .loading-box_.hide_{opacity:0;pointer-events:none}.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span{animation-play-state:paused}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_{flex:none;height:5px;line-height:0}@keyframes load{0%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.3)}}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span{display:inline-block;width:5px;height:100%;margin-left:2px;border-radius:50%;background-color:#888;animation:load 1.04s ease infinite}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(1){margin-left:0}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(2){animation-delay:.13s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(3){animation-delay:.26s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(4){animation-delay:.39s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(5){animation-delay:.52s}.vue-auth-box_ .auth-body_ .info-box_{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;font-size:13px;background-color:#83ce3f;opacity:0;transform:translateY(24px);transition:all .2s;color:#fff;z-index:10}.vue-auth-box_ .auth-body_ .info-box_.show{opacity:.95;transform:translateY(0)}.vue-auth-box_ .auth-body_ .info-box_.fail{background-color:#ce594b}.vue-auth-box_ .auth-body_ .auth-canvas1_{width:100%;height:100%}.vue-auth-box_ .auth-body_ .auth-canvas2_{position:absolute;top:0;left:0;width:60px;height:100%;z-index:2}.vue-auth-box_ .auth-body_ .auth-canvas3_{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .6s;z-index:3}.vue-auth-box_ .auth-body_ .auth-canvas3_.show{opacity:1}.vue-auth-box_ .auth-body_ .flash_{position:absolute;top:0;left:0;width:30px;height:100%;background-color:#ffffff1a;z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{position:absolute;top:2px;right:2px;width:35px;height:auto;z-index:12;cursor:pointer;transition:transform .2s;transform:rotate(0)}.vue-auth-box_ .auth-body_ .reset_:hover{transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{position:relative;width:100%;background-color:#eef1f8;margin-top:20px;border-radius:3px;box-shadow:0 0 8px #f0f0f099 inset}.vue-auth-box_ .auth-control_ .range-box .range-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#b7bcd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.vue-auth-box_ .auth-control_ .range-box .range-slider{position:absolute;height:100%;width:50px;background-color:#6aa0ffcc;border-radius:3px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:50px;height:100%;background-color:#fff;border-radius:3px;box-shadow:0 0 4px #ccc;cursor:pointer}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{width:0;height:40%;transition:all .2s;border:solid 1px #6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div:nth-child(2){margin:0 4px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child{border:solid 4px transparent;height:0;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2){border-width:3px;height:0;border-radius:3px;margin:0 6px;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3){border:solid 4px transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}
|
|
69
62
|
|
|
70
|
-
/* unplugin-vue-components disabled */
|
|
71
63
|
/* layer: default */
|
|
72
|
-
.
|
|
73
|
-
.
|
|
74
|
-
.
|
|
64
|
+
.inline-flex[data-v-075758a0]{display:inline-flex;}
|
|
65
|
+
.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
66
|
+
.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
|
|
75
67
|
|
|
76
|
-
|
|
68
|
+
.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#0000004d;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.vue-puzzle-vcode.inside_{position:relative;background-color:transparent;width:100%;height:100%}.vue-puzzle-vcode.inside_ .vue-auth-box_{position:relative;top:0;left:0;transform:translate(0);padding:0;background:transparent;box-shadow:none}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;user-select:none;border-radius:3px;box-shadow:0 1px 3px #0000004d}.vue-auth-box_ .auth-body_{position:relative;overflow:hidden;border-radius:3px}.vue-auth-box_ .auth-body_ .loading-box_{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000c;z-index:20;opacity:1;transition:opacity .1s;display:flex;align-items:center;justify-content:center}.vue-auth-box_ .auth-body_ .loading-box_.hide_{opacity:0;pointer-events:none}.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span{animation-play-state:paused}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_{flex:none;height:5px;line-height:0}@keyframes load{0%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.3)}}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span{display:inline-block;width:5px;height:100%;margin-left:2px;border-radius:50%;background-color:#888;animation:load 1.04s ease infinite}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(1){margin-left:0}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(2){animation-delay:.13s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(3){animation-delay:.26s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(4){animation-delay:.39s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(5){animation-delay:.52s}.vue-auth-box_ .auth-body_ .info-box_{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;font-size:13px;background-color:#83ce3f;opacity:0;transform:translateY(24px);transition:all .2s;color:#fff;z-index:10}.vue-auth-box_ .auth-body_ .info-box_.show{opacity:.95;transform:translateY(0)}.vue-auth-box_ .auth-body_ .info-box_.fail{background-color:#ce594b}.vue-auth-box_ .auth-body_ .auth-canvas1_{width:100%;height:100%}.vue-auth-box_ .auth-body_ .auth-canvas2_{position:absolute;top:0;left:0;width:60px;height:100%;z-index:2}.vue-auth-box_ .auth-body_ .auth-canvas3_{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .6s;z-index:3}.vue-auth-box_ .auth-body_ .auth-canvas3_.show{opacity:1}.vue-auth-box_ .auth-body_ .flash_{position:absolute;top:0;left:0;width:30px;height:100%;background-color:#ffffff1a;z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{position:absolute;top:2px;right:2px;width:35px;height:auto;z-index:12;cursor:pointer;transition:transform .2s;transform:rotate(0)}.vue-auth-box_ .auth-body_ .reset_:hover{transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{position:relative;width:100%;background-color:#eef1f8;margin-top:20px;border-radius:3px;box-shadow:0 0 8px #f0f0f099 inset}.vue-auth-box_ .auth-control_ .range-box .range-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#b7bcd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.vue-auth-box_ .auth-control_ .range-box .range-slider{position:absolute;height:100%;width:50px;background-color:#6aa0ffcc;border-radius:3px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:50px;height:100%;background-color:#fff;border-radius:3px;box-shadow:0 0 4px #ccc;cursor:pointer}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{width:0;height:40%;transition:all .2s;border:solid 1px #6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div:nth-child(2){margin:0 4px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child{border:solid 4px transparent;height:0;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2){border-width:3px;height:0;border-radius:3px;margin:0 6px;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3){border:solid 4px transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}
|
|
69
|
+
|
|
70
|
+
.c-captcha-modern[data-v-6c1c4536] {
|
|
77
71
|
--cc-height: 44px;
|
|
78
72
|
--cc-radius: 12px;
|
|
79
73
|
--cc-color: rgba(255, 255, 255, 0.76);
|
|
@@ -86,13 +80,13 @@
|
|
|
86
80
|
width: 100%;
|
|
87
81
|
font-family: inherit;
|
|
88
82
|
}
|
|
89
|
-
.captcha-shell[data-v-
|
|
83
|
+
.captcha-shell[data-v-6c1c4536] {
|
|
90
84
|
position: relative;
|
|
91
85
|
width: 100%;
|
|
92
86
|
max-width: none;
|
|
93
87
|
margin: 0 auto;
|
|
94
88
|
}
|
|
95
|
-
.captcha-trigger[data-v-
|
|
89
|
+
.captcha-trigger[data-v-6c1c4536] {
|
|
96
90
|
appearance: none;
|
|
97
91
|
width: 100%;
|
|
98
92
|
min-height: var(--cc-height);
|
|
@@ -111,7 +105,7 @@
|
|
|
111
105
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
|
|
112
106
|
transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
|
|
113
107
|
}
|
|
114
|
-
.captcha-trigger[data-v-
|
|
108
|
+
.captcha-trigger[data-v-6c1c4536]::after {
|
|
115
109
|
content: "";
|
|
116
110
|
width: 7px;
|
|
117
111
|
height: 7px;
|
|
@@ -122,15 +116,15 @@
|
|
|
122
116
|
transform: rotate(45deg);
|
|
123
117
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
124
118
|
}
|
|
125
|
-
.altcha-provider[data-v-
|
|
119
|
+
.altcha-provider[data-v-6c1c4536] {
|
|
126
120
|
width: 100%;
|
|
127
121
|
min-height: var(--cc-height);
|
|
128
122
|
}
|
|
129
|
-
.altcha-provider.is-disabled[data-v-
|
|
123
|
+
.altcha-provider.is-disabled[data-v-6c1c4536] {
|
|
130
124
|
opacity: 0.68;
|
|
131
125
|
pointer-events: none;
|
|
132
126
|
}
|
|
133
|
-
.altcha-widget[data-v-
|
|
127
|
+
.altcha-widget[data-v-6c1c4536] {
|
|
134
128
|
display: block;
|
|
135
129
|
width: 100%;
|
|
136
130
|
min-height: var(--cc-height);
|
|
@@ -145,33 +139,33 @@
|
|
|
145
139
|
--altcha-checkbox-size: 20px;
|
|
146
140
|
--altcha-padding: 9px 12px;
|
|
147
141
|
}
|
|
148
|
-
.captcha-trigger[data-v-
|
|
142
|
+
.captcha-trigger[data-v-6c1c4536]:hover:not(.disabled) {
|
|
149
143
|
transform: translateY(-1px);
|
|
150
144
|
border-color: var(--cc-border-hover);
|
|
151
145
|
background: var(--cc-bg-hover);
|
|
152
146
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 22px rgba(5, 12, 30, 0.18);
|
|
153
147
|
}
|
|
154
|
-
.captcha-trigger[data-v-
|
|
148
|
+
.captcha-trigger[data-v-6c1c4536]:hover:not(.disabled)::after {
|
|
155
149
|
opacity: 0.86;
|
|
156
150
|
transform: translateX(2px) rotate(45deg);
|
|
157
151
|
}
|
|
158
|
-
.captcha-trigger.disabled[data-v-
|
|
152
|
+
.captcha-trigger.disabled[data-v-6c1c4536] {
|
|
159
153
|
opacity: 0.68;
|
|
160
154
|
cursor: not-allowed;
|
|
161
155
|
}
|
|
162
|
-
.captcha-trigger[data-v-
|
|
163
|
-
.refresh-button[data-v-
|
|
156
|
+
.captcha-trigger[data-v-6c1c4536]:focus-visible,
|
|
157
|
+
.refresh-button[data-v-6c1c4536]:focus-visible {
|
|
164
158
|
outline: 2px solid var(--cc-focus);
|
|
165
159
|
outline-offset: 2px;
|
|
166
160
|
}
|
|
167
|
-
.captcha-content[data-v-
|
|
161
|
+
.captcha-content[data-v-6c1c4536] {
|
|
168
162
|
display: flex;
|
|
169
163
|
align-items: center;
|
|
170
164
|
justify-content: flex-start;
|
|
171
165
|
gap: 8px;
|
|
172
166
|
flex: 1;
|
|
173
167
|
}
|
|
174
|
-
.captcha-icon[data-v-
|
|
168
|
+
.captcha-icon[data-v-6c1c4536] {
|
|
175
169
|
width: 22px;
|
|
176
170
|
height: 22px;
|
|
177
171
|
display: flex;
|
|
@@ -180,19 +174,19 @@
|
|
|
180
174
|
flex-shrink: 0;
|
|
181
175
|
color: var(--cc-icon-color);
|
|
182
176
|
}
|
|
183
|
-
.captcha-state-icon[data-v-
|
|
177
|
+
.captcha-state-icon[data-v-6c1c4536] {
|
|
184
178
|
transition: color 0.2s ease, transform 0.2s ease;
|
|
185
179
|
}
|
|
186
|
-
.captcha-state-icon.is-spinning[data-v-
|
|
187
|
-
animation: captcha-spin-
|
|
180
|
+
.captcha-state-icon.is-spinning[data-v-6c1c4536] {
|
|
181
|
+
animation: captcha-spin-6c1c4536 0.8s linear infinite;
|
|
188
182
|
}
|
|
189
|
-
.captcha-state-icon.is-success[data-v-
|
|
183
|
+
.captcha-state-icon.is-success[data-v-6c1c4536] {
|
|
190
184
|
color: #65d39a;
|
|
191
185
|
}
|
|
192
|
-
.captcha-state-icon.is-error[data-v-
|
|
186
|
+
.captcha-state-icon.is-error[data-v-6c1c4536] {
|
|
193
187
|
color: #ff7f8d;
|
|
194
188
|
}
|
|
195
|
-
.captcha-text[data-v-
|
|
189
|
+
.captcha-text[data-v-6c1c4536] {
|
|
196
190
|
color: inherit;
|
|
197
191
|
font-size: 13px;
|
|
198
192
|
font-weight: 500;
|
|
@@ -200,7 +194,7 @@
|
|
|
200
194
|
text-align: center;
|
|
201
195
|
white-space: nowrap;
|
|
202
196
|
}
|
|
203
|
-
.refresh-button[data-v-
|
|
197
|
+
.refresh-button[data-v-6c1c4536] {
|
|
204
198
|
appearance: none;
|
|
205
199
|
border: 0;
|
|
206
200
|
background: transparent;
|
|
@@ -219,7 +213,7 @@
|
|
|
219
213
|
color: rgba(255, 255, 255, 0.6);
|
|
220
214
|
flex-shrink: 0;
|
|
221
215
|
}
|
|
222
|
-
.c-captcha-modern[data-theme=light][data-v-
|
|
216
|
+
.c-captcha-modern[data-theme=light][data-v-6c1c4536] {
|
|
223
217
|
--cc-color: rgba(15, 23, 42, 0.72);
|
|
224
218
|
--cc-icon-color: #4778dc;
|
|
225
219
|
--cc-bg: rgba(15, 23, 42, 0.035);
|
|
@@ -227,38 +221,38 @@
|
|
|
227
221
|
--cc-border: rgba(15, 23, 42, 0.12);
|
|
228
222
|
--cc-border-hover: rgba(71, 120, 220, 0.42);
|
|
229
223
|
}
|
|
230
|
-
.c-captcha-modern[data-theme=light] .captcha-text[data-v-
|
|
224
|
+
.c-captcha-modern[data-theme=light] .captcha-text[data-v-6c1c4536] {
|
|
231
225
|
color: inherit;
|
|
232
226
|
}
|
|
233
|
-
.c-captcha-modern[data-theme=light] .refresh-button[data-v-
|
|
227
|
+
.c-captcha-modern[data-theme=light] .refresh-button[data-v-6c1c4536] {
|
|
234
228
|
color: rgba(0, 0, 0, 0.52);
|
|
235
229
|
}
|
|
236
|
-
.refresh-button[data-v-
|
|
230
|
+
.refresh-button[data-v-6c1c4536]:hover {
|
|
237
231
|
color: rgba(255, 255, 255, 0.9);
|
|
238
232
|
background: rgba(255, 255, 255, 0.08);
|
|
239
233
|
transform: translateY(-50%) rotate(180deg);
|
|
240
234
|
}
|
|
241
|
-
.captcha-trigger.verified[data-v-
|
|
235
|
+
.captcha-trigger.verified[data-v-6c1c4536] {
|
|
242
236
|
color: rgba(183, 246, 211, 0.92);
|
|
243
237
|
border-color: rgba(101, 211, 154, 0.4);
|
|
244
238
|
background: rgba(66, 188, 124, 0.1);
|
|
245
239
|
}
|
|
246
|
-
.captcha-trigger.verified[data-v-
|
|
247
|
-
.captcha-trigger.error[data-v-
|
|
240
|
+
.captcha-trigger.verified[data-v-6c1c4536]::after,
|
|
241
|
+
.captcha-trigger.error[data-v-6c1c4536]::after {
|
|
248
242
|
opacity: 0;
|
|
249
243
|
}
|
|
250
|
-
.captcha-trigger.error[data-v-
|
|
244
|
+
.captcha-trigger.error[data-v-6c1c4536] {
|
|
251
245
|
color: rgba(255, 205, 211, 0.92);
|
|
252
246
|
border-color: rgba(255, 127, 141, 0.42);
|
|
253
247
|
background: rgba(245, 108, 108, 0.1);
|
|
254
|
-
animation: captcha-shake-
|
|
248
|
+
animation: captcha-shake-6c1c4536 0.3s ease;
|
|
255
249
|
}
|
|
256
|
-
@keyframes captcha-spin-
|
|
250
|
+
@keyframes captcha-spin-6c1c4536 {
|
|
257
251
|
to {
|
|
258
252
|
transform: rotate(360deg);
|
|
259
253
|
}
|
|
260
254
|
}
|
|
261
|
-
@keyframes captcha-shake-
|
|
255
|
+
@keyframes captcha-shake-6c1c4536 {
|
|
262
256
|
0%, 100% {
|
|
263
257
|
transform: translateX(0);
|
|
264
258
|
}
|
|
@@ -270,29 +264,29 @@ to {
|
|
|
270
264
|
}
|
|
271
265
|
}
|
|
272
266
|
@media (max-width: 768px) {
|
|
273
|
-
.captcha-trigger[data-v-
|
|
267
|
+
.captcha-trigger[data-v-6c1c4536] {
|
|
274
268
|
min-height: 42px;
|
|
275
269
|
padding: 0 13px;
|
|
276
270
|
}
|
|
277
|
-
.captcha-icon[data-v-
|
|
271
|
+
.captcha-icon[data-v-6c1c4536] {
|
|
278
272
|
width: 20px;
|
|
279
273
|
height: 20px;
|
|
280
274
|
}
|
|
281
|
-
.captcha-text[data-v-
|
|
275
|
+
.captcha-text[data-v-6c1c4536] {
|
|
282
276
|
font-size: 13px;
|
|
283
277
|
}
|
|
284
|
-
.refresh-button[data-v-
|
|
278
|
+
.refresh-button[data-v-6c1c4536] {
|
|
285
279
|
width: 24px;
|
|
286
280
|
height: 24px;
|
|
287
281
|
font-size: 12px;
|
|
288
282
|
right: 10px;
|
|
289
283
|
}
|
|
290
284
|
}
|
|
291
|
-
|
|
285
|
+
|
|
292
286
|
/* layer: default */
|
|
293
|
-
.
|
|
287
|
+
.visible[data-v-6c1c4536]{visibility:visible;}
|
|
294
288
|
|
|
295
|
-
/*
|
|
289
|
+
/* C_QRCode styles */
|
|
296
290
|
.c-qrcode[data-v-5539bdf6] {
|
|
297
291
|
display: inline-flex;
|
|
298
292
|
flex-direction: column;
|
|
@@ -341,15 +335,11 @@ to {
|
|
|
341
335
|
word-break: break-all;
|
|
342
336
|
max-width: 100%;
|
|
343
337
|
}
|
|
344
|
-
|
|
338
|
+
|
|
345
339
|
/* layer: default */
|
|
346
|
-
.
|
|
347
|
-
.block[data-v-864907a5]{display:block;}
|
|
348
|
-
.table[data-v-864907a5]{display:table;}
|
|
349
|
-
.blur[data-v-864907a5]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
350
|
-
.filter[data-v-864907a5]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
340
|
+
.px[data-v-5539bdf6]{padding-left:1rem;padding-right:1rem;}
|
|
351
341
|
|
|
352
|
-
|
|
342
|
+
/**
|
|
353
343
|
* C_Login 组件样式
|
|
354
344
|
* 通过 CSS 变量覆盖主题,示例:
|
|
355
345
|
* .my-login-wrapper .c-login-panel {
|
|
@@ -358,7 +348,7 @@ to {
|
|
|
358
348
|
* }
|
|
359
349
|
*/
|
|
360
350
|
/* ===== CSS 变量默认值(暗色玻璃风格) ===== */
|
|
361
|
-
.c-login-panel[data-v-
|
|
351
|
+
.c-login-panel[data-v-f9c3ae4b] {
|
|
362
352
|
/* 面板 */
|
|
363
353
|
--cl-panel-bg: rgba(255, 255, 255, 0.1);
|
|
364
354
|
--cl-panel-border: rgba(255, 255, 255, 0.18);
|
|
@@ -407,7 +397,7 @@ to {
|
|
|
407
397
|
}
|
|
408
398
|
|
|
409
399
|
/* ===== 面板容器 ===== */
|
|
410
|
-
.c-login-panel[data-v-
|
|
400
|
+
.c-login-panel[data-v-f9c3ae4b] {
|
|
411
401
|
width: var(--cl-panel-width);
|
|
412
402
|
background: var(--cl-panel-bg);
|
|
413
403
|
border: 1px solid var(--cl-panel-border);
|
|
@@ -420,7 +410,7 @@ to {
|
|
|
420
410
|
transition: box-shadow 0.3s ease;
|
|
421
411
|
/* 顶部光泽线 */
|
|
422
412
|
}
|
|
423
|
-
.c-login-panel[data-v-
|
|
413
|
+
.c-login-panel[data-v-f9c3ae4b]::before {
|
|
424
414
|
content: "";
|
|
425
415
|
position: absolute;
|
|
426
416
|
top: 0;
|
|
@@ -430,10 +420,10 @@ to {
|
|
|
430
420
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 100%);
|
|
431
421
|
pointer-events: none;
|
|
432
422
|
}
|
|
433
|
-
.c-login-panel[data-v-
|
|
423
|
+
.c-login-panel[data-v-f9c3ae4b] {
|
|
434
424
|
/* 玻璃内衬 */
|
|
435
425
|
}
|
|
436
|
-
.c-login-panel[data-v-
|
|
426
|
+
.c-login-panel[data-v-f9c3ae4b]::after {
|
|
437
427
|
content: "";
|
|
438
428
|
position: absolute;
|
|
439
429
|
inset: 0;
|
|
@@ -442,19 +432,19 @@ to {
|
|
|
442
432
|
border-radius: inherit;
|
|
443
433
|
z-index: 0;
|
|
444
434
|
}
|
|
445
|
-
.c-login-panel[data-v-
|
|
435
|
+
.c-login-panel[data-v-f9c3ae4b] > * {
|
|
446
436
|
position: relative;
|
|
447
437
|
z-index: 1;
|
|
448
438
|
}
|
|
449
439
|
|
|
450
440
|
/* ===== Header ===== */
|
|
451
|
-
.c-login__header[data-v-
|
|
441
|
+
.c-login__header[data-v-f9c3ae4b] {
|
|
452
442
|
text-align: center;
|
|
453
443
|
margin-bottom: 10px;
|
|
454
444
|
}
|
|
455
445
|
|
|
456
446
|
/* ===== 返回按钮(登录/注册下方块级按钮) ===== */
|
|
457
|
-
.c-login__back-btn[data-v-
|
|
447
|
+
.c-login__back-btn[data-v-f9c3ae4b] {
|
|
458
448
|
margin-top: 10px;
|
|
459
449
|
height: var(--cl-btn-height) !important;
|
|
460
450
|
border-radius: var(--cl-btn-radius) !important;
|
|
@@ -466,41 +456,41 @@ to {
|
|
|
466
456
|
letter-spacing: 2px;
|
|
467
457
|
transition: all 0.25s ease !important;
|
|
468
458
|
}
|
|
469
|
-
.c-login__back-btn[data-v-
|
|
459
|
+
.c-login__back-btn[data-v-f9c3ae4b]:hover {
|
|
470
460
|
background: rgba(255, 255, 255, 0.06) !important;
|
|
471
461
|
border-color: var(--cl-input-underline-hover) !important;
|
|
472
462
|
color: var(--cl-text-primary) !important;
|
|
473
463
|
}
|
|
474
|
-
.c-login__logo[data-v-
|
|
464
|
+
.c-login__logo[data-v-f9c3ae4b] {
|
|
475
465
|
display: flex;
|
|
476
466
|
justify-content: center;
|
|
477
467
|
margin-bottom: 4px;
|
|
478
468
|
}
|
|
479
|
-
.c-login__logo .c-login__logo-icon[data-v-
|
|
469
|
+
.c-login__logo .c-login__logo-icon[data-v-f9c3ae4b] {
|
|
480
470
|
color: var(--cl-text-primary);
|
|
481
471
|
filter: drop-shadow(0 2px 8px rgba(24, 89, 233, 0.4));
|
|
482
472
|
}
|
|
483
|
-
.c-login__title[data-v-
|
|
473
|
+
.c-login__title[data-v-f9c3ae4b] {
|
|
484
474
|
margin: 0 0 2px;
|
|
485
475
|
font-size: 20px;
|
|
486
476
|
font-weight: 600;
|
|
487
477
|
color: var(--cl-text-primary);
|
|
488
478
|
letter-spacing: 0.5px;
|
|
489
479
|
}
|
|
490
|
-
.c-login__subtitle[data-v-
|
|
480
|
+
.c-login__subtitle[data-v-f9c3ae4b] {
|
|
491
481
|
margin: 0;
|
|
492
482
|
font-size: 13px;
|
|
493
483
|
color: var(--cl-text-secondary);
|
|
494
484
|
}
|
|
495
485
|
|
|
496
486
|
/* ===== 登录方式切换(底部) ===== */
|
|
497
|
-
.c-login__mode-switch[data-v-
|
|
487
|
+
.c-login__mode-switch[data-v-f9c3ae4b] {
|
|
498
488
|
margin-top: 14px;
|
|
499
489
|
display: grid;
|
|
500
490
|
grid-template-columns: 1fr 1fr;
|
|
501
491
|
gap: 10px;
|
|
502
492
|
}
|
|
503
|
-
.c-login__mode-btn[data-v-
|
|
493
|
+
.c-login__mode-btn[data-v-f9c3ae4b] {
|
|
504
494
|
--n-border: none !important;
|
|
505
495
|
--n-border-hover: none !important;
|
|
506
496
|
--n-border-pressed: none !important;
|
|
@@ -513,51 +503,51 @@ to {
|
|
|
513
503
|
color: var(--cl-text-secondary) !important;
|
|
514
504
|
transition: all 0.2s ease !important;
|
|
515
505
|
}
|
|
516
|
-
.c-login__mode-btn[data-v-
|
|
506
|
+
.c-login__mode-btn[data-v-f9c3ae4b]:hover {
|
|
517
507
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
518
508
|
color: var(--cl-text-primary) !important;
|
|
519
509
|
}
|
|
520
|
-
.c-login__mode-btn.is-active[data-v-
|
|
510
|
+
.c-login__mode-btn.is-active[data-v-f9c3ae4b] {
|
|
521
511
|
background: color-mix(in srgb, var(--cl-tab-bar) 22%, transparent) !important;
|
|
522
512
|
color: var(--cl-tab-active) !important;
|
|
523
513
|
}
|
|
524
514
|
|
|
525
515
|
/* ===== 表单 ===== */
|
|
526
|
-
.c-login__form[data-v-
|
|
516
|
+
.c-login__form[data-v-f9c3ae4b] {
|
|
527
517
|
margin-top: 6px;
|
|
528
518
|
}
|
|
529
|
-
.c-login__form-item[data-v-
|
|
519
|
+
.c-login__form-item[data-v-f9c3ae4b] {
|
|
530
520
|
margin-bottom: 6px !important;
|
|
531
521
|
/* 彻底干掉 NaiveUI FormItem 内置间距 CSS 变量 */
|
|
532
522
|
}
|
|
533
|
-
.c-login__form-item[data-v-
|
|
523
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-form-item {
|
|
534
524
|
--n-feedback-padding: 2px 0 0 0 !important;
|
|
535
525
|
--n-feedback-height: 0 !important;
|
|
536
526
|
--n-blank-height: 0 !important;
|
|
537
527
|
--n-label-height: 0 !important;
|
|
538
528
|
}
|
|
539
|
-
.c-login__form-item[data-v-
|
|
529
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-form-item-label {
|
|
540
530
|
display: none;
|
|
541
531
|
}
|
|
542
|
-
.c-login__form-item[data-v-
|
|
532
|
+
.c-login__form-item[data-v-f9c3ae4b] {
|
|
543
533
|
/* 校验信息减少占用 */
|
|
544
534
|
}
|
|
545
|
-
.c-login__form-item[data-v-
|
|
535
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-form-item-feedback-wrapper {
|
|
546
536
|
min-height: 0 !important;
|
|
547
537
|
padding-top: 0 !important;
|
|
548
538
|
line-height: 1.4;
|
|
549
539
|
}
|
|
550
|
-
.c-login__form-item[data-v-
|
|
540
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-form-item-feedback {
|
|
551
541
|
font-size: 11px !important;
|
|
552
542
|
line-height: 1.4;
|
|
553
543
|
}
|
|
554
|
-
.c-login__form-item[data-v-
|
|
544
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-form-item-blank {
|
|
555
545
|
min-height: 0 !important;
|
|
556
546
|
}
|
|
557
|
-
.c-login__form-item[data-v-
|
|
547
|
+
.c-login__form-item[data-v-f9c3ae4b] {
|
|
558
548
|
/* 底线风格输入框 */
|
|
559
549
|
}
|
|
560
|
-
.c-login__form-item[data-v-
|
|
550
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-input {
|
|
561
551
|
--n-border: none !important;
|
|
562
552
|
--n-border-hover: none !important;
|
|
563
553
|
--n-border-focus: none !important;
|
|
@@ -573,58 +563,58 @@ to {
|
|
|
573
563
|
padding: 5px 2px !important;
|
|
574
564
|
transition: border-color 0.25s ease;
|
|
575
565
|
}
|
|
576
|
-
.c-login__form-item[data-v-
|
|
566
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-input:hover {
|
|
577
567
|
border-bottom-color: var(--cl-input-underline-hover) !important;
|
|
578
568
|
}
|
|
579
|
-
.c-login__form-item[data-v-
|
|
569
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-input:focus-within {
|
|
580
570
|
border-bottom-color: var(--cl-input-underline-focus) !important;
|
|
581
571
|
}
|
|
582
|
-
.c-login__form-item[data-v-
|
|
572
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-input .n-input__input-el {
|
|
583
573
|
color: var(--cl-input-text) !important;
|
|
584
574
|
}
|
|
585
|
-
.c-login__form-item[data-v-
|
|
575
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-input .n-input__input-el::placeholder {
|
|
586
576
|
color: var(--cl-input-placeholder) !important;
|
|
587
577
|
}
|
|
588
|
-
.c-login__form-item[data-v-
|
|
589
|
-
.c-login__form-item[data-v-
|
|
578
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-input .n-input__prefix,
|
|
579
|
+
.c-login__form-item[data-v-f9c3ae4b] .n-input .n-input__suffix {
|
|
590
580
|
color: var(--cl-input-icon) !important;
|
|
591
581
|
}
|
|
592
582
|
|
|
593
583
|
/* ===== 辅助行:记住我 + 忘记密码 ===== */
|
|
594
|
-
.c-login__aux-row[data-v-
|
|
584
|
+
.c-login__aux-row[data-v-f9c3ae4b] {
|
|
595
585
|
display: flex;
|
|
596
586
|
justify-content: space-between;
|
|
597
587
|
align-items: center;
|
|
598
588
|
margin-top: 8px;
|
|
599
589
|
margin-bottom: 14px;
|
|
600
590
|
}
|
|
601
|
-
.c-login__remember[data-v-
|
|
591
|
+
.c-login__remember[data-v-f9c3ae4b] .n-checkbox__label {
|
|
602
592
|
color: var(--cl-text-secondary) !important;
|
|
603
593
|
font-size: 13px;
|
|
604
594
|
}
|
|
605
|
-
.c-login__remember[data-v-
|
|
595
|
+
.c-login__remember[data-v-f9c3ae4b] .n-checkbox-box {
|
|
606
596
|
--n-border: 1px solid var(--cl-input-underline) !important;
|
|
607
597
|
}
|
|
608
|
-
.c-login__forgot[data-v-
|
|
598
|
+
.c-login__forgot[data-v-f9c3ae4b] {
|
|
609
599
|
font-size: 13px;
|
|
610
600
|
color: var(--cl-link-color);
|
|
611
601
|
cursor: pointer;
|
|
612
602
|
transition: color 0.2s ease;
|
|
613
603
|
}
|
|
614
|
-
.c-login__forgot[data-v-
|
|
604
|
+
.c-login__forgot[data-v-f9c3ae4b]:hover {
|
|
615
605
|
color: var(--cl-link-hover);
|
|
616
606
|
}
|
|
617
607
|
|
|
618
608
|
/* ===== 验证码行 ===== */
|
|
619
|
-
.c-login__code-row[data-v-
|
|
609
|
+
.c-login__code-row[data-v-f9c3ae4b] {
|
|
620
610
|
display: flex;
|
|
621
611
|
gap: 10px;
|
|
622
612
|
width: 100%;
|
|
623
613
|
}
|
|
624
|
-
.c-login__code-input[data-v-
|
|
614
|
+
.c-login__code-input[data-v-f9c3ae4b] {
|
|
625
615
|
flex: 1;
|
|
626
616
|
}
|
|
627
|
-
.c-login__send-code-btn[data-v-
|
|
617
|
+
.c-login__send-code-btn[data-v-f9c3ae4b] {
|
|
628
618
|
flex-shrink: 0;
|
|
629
619
|
white-space: nowrap;
|
|
630
620
|
background: rgba(255, 255, 255, 0.08) !important;
|
|
@@ -634,13 +624,13 @@ to {
|
|
|
634
624
|
font-size: 13px;
|
|
635
625
|
transition: all 0.25s ease;
|
|
636
626
|
}
|
|
637
|
-
.c-login__send-code-btn[data-v-
|
|
627
|
+
.c-login__send-code-btn[data-v-f9c3ae4b]:not(:disabled):hover {
|
|
638
628
|
background: rgba(255, 255, 255, 0.16) !important;
|
|
639
629
|
color: var(--cl-text-primary) !important;
|
|
640
630
|
}
|
|
641
631
|
|
|
642
632
|
/* ===== 登录按钮 ===== */
|
|
643
|
-
.c-login__submit-btn[data-v-
|
|
633
|
+
.c-login__submit-btn[data-v-f9c3ae4b] {
|
|
644
634
|
height: var(--cl-btn-height) !important;
|
|
645
635
|
background: var(--cl-btn-bg) !important;
|
|
646
636
|
border: none !important;
|
|
@@ -655,7 +645,7 @@ to {
|
|
|
655
645
|
margin-top: 14px;
|
|
656
646
|
/* 光泽扫过动画 */
|
|
657
647
|
}
|
|
658
|
-
.c-login__submit-btn[data-v-
|
|
648
|
+
.c-login__submit-btn[data-v-f9c3ae4b]::before {
|
|
659
649
|
content: "";
|
|
660
650
|
position: absolute;
|
|
661
651
|
top: 0;
|
|
@@ -666,34 +656,34 @@ to {
|
|
|
666
656
|
transform: skewX(-25deg);
|
|
667
657
|
transition: left 0.6s ease;
|
|
668
658
|
}
|
|
669
|
-
.c-login__submit-btn[data-v-
|
|
659
|
+
.c-login__submit-btn[data-v-f9c3ae4b]:not(:disabled):hover {
|
|
670
660
|
background: var(--cl-btn-bg-hover) !important;
|
|
671
661
|
transform: translateY(-1px);
|
|
672
662
|
box-shadow: var(--cl-btn-shadow-hover) !important;
|
|
673
663
|
}
|
|
674
|
-
.c-login__submit-btn[data-v-
|
|
664
|
+
.c-login__submit-btn[data-v-f9c3ae4b]:not(:disabled):hover::before {
|
|
675
665
|
left: 150%;
|
|
676
666
|
}
|
|
677
|
-
.c-login__submit-btn[data-v-
|
|
667
|
+
.c-login__submit-btn[data-v-f9c3ae4b]:active {
|
|
678
668
|
transform: translateY(0) !important;
|
|
679
669
|
}
|
|
680
670
|
|
|
681
671
|
/* ===== 人机验证 ===== */
|
|
682
|
-
.c-login__captcha-wrap[data-v-
|
|
672
|
+
.c-login__captcha-wrap[data-v-f9c3ae4b] {
|
|
683
673
|
margin-top: 10px;
|
|
684
674
|
display: flex;
|
|
685
675
|
justify-content: center;
|
|
686
676
|
}
|
|
687
677
|
|
|
688
678
|
/* ===== 扫码登录面板 ===== */
|
|
689
|
-
.c-login__qr-panel[data-v-
|
|
679
|
+
.c-login__qr-panel[data-v-f9c3ae4b] {
|
|
690
680
|
display: flex;
|
|
691
681
|
flex-direction: column;
|
|
692
682
|
align-items: center;
|
|
693
683
|
padding: 8px 0 4px;
|
|
694
684
|
gap: 14px;
|
|
695
685
|
}
|
|
696
|
-
.c-login__qr-frame[data-v-
|
|
686
|
+
.c-login__qr-frame[data-v-f9c3ae4b] {
|
|
697
687
|
position: relative;
|
|
698
688
|
width: 164px;
|
|
699
689
|
height: 164px;
|
|
@@ -702,7 +692,7 @@ to {
|
|
|
702
692
|
background: rgba(0, 0, 0, 0.35);
|
|
703
693
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 28px rgba(0, 0, 0, 0.4);
|
|
704
694
|
}
|
|
705
|
-
.c-login__qr-frame .c-login__qr-placeholder[data-v-
|
|
695
|
+
.c-login__qr-frame .c-login__qr-placeholder[data-v-f9c3ae4b] {
|
|
706
696
|
display: flex;
|
|
707
697
|
align-items: center;
|
|
708
698
|
justify-content: center;
|
|
@@ -712,10 +702,10 @@ to {
|
|
|
712
702
|
font-size: 13px;
|
|
713
703
|
text-align: center;
|
|
714
704
|
}
|
|
715
|
-
.c-login__qr-frame[data-v-
|
|
705
|
+
.c-login__qr-frame[data-v-f9c3ae4b] {
|
|
716
706
|
/* 扫描动画线 */
|
|
717
707
|
}
|
|
718
|
-
@keyframes qr-scan-
|
|
708
|
+
@keyframes qr-scan-f9c3ae4b {
|
|
719
709
|
0% {
|
|
720
710
|
transform: translateY(0);
|
|
721
711
|
opacity: 1;
|
|
@@ -731,12 +721,12 @@ to {
|
|
|
731
721
|
}
|
|
732
722
|
|
|
733
723
|
/* C_QRCode 居中在 frame 内 */
|
|
734
|
-
.c-login__qr-frame[data-v-
|
|
724
|
+
.c-login__qr-frame[data-v-f9c3ae4b] {
|
|
735
725
|
display: flex;
|
|
736
726
|
align-items: center;
|
|
737
727
|
justify-content: center;
|
|
738
728
|
}
|
|
739
|
-
.c-login__qr-scan-line[data-v-
|
|
729
|
+
.c-login__qr-scan-line[data-v-f9c3ae4b] {
|
|
740
730
|
position: absolute;
|
|
741
731
|
top: 10px;
|
|
742
732
|
left: 10px;
|
|
@@ -745,12 +735,12 @@ to {
|
|
|
745
735
|
background: linear-gradient(90deg, transparent 0%, rgba(24, 89, 233, 0.7) 30%, rgb(100, 160, 255) 50%, rgba(24, 89, 233, 0.7) 70%, transparent 100%);
|
|
746
736
|
border-radius: 1px;
|
|
747
737
|
box-shadow: 0 0 6px rgba(24, 89, 233, 0.8);
|
|
748
|
-
animation: qr-scan-
|
|
738
|
+
animation: qr-scan-f9c3ae4b 2.4s ease-in-out infinite;
|
|
749
739
|
pointer-events: none;
|
|
750
740
|
}
|
|
751
741
|
|
|
752
742
|
/* 四角刻度装饰 */
|
|
753
|
-
.c-login__qr-corner[data-v-
|
|
743
|
+
.c-login__qr-corner[data-v-f9c3ae4b] {
|
|
754
744
|
position: absolute;
|
|
755
745
|
width: 14px;
|
|
756
746
|
height: 14px;
|
|
@@ -758,31 +748,31 @@ to {
|
|
|
758
748
|
border-style: solid;
|
|
759
749
|
pointer-events: none;
|
|
760
750
|
}
|
|
761
|
-
.c-login__qr-corner--tl[data-v-
|
|
751
|
+
.c-login__qr-corner--tl[data-v-f9c3ae4b] {
|
|
762
752
|
top: 6px;
|
|
763
753
|
left: 6px;
|
|
764
754
|
border-width: 2px 0 0 2px;
|
|
765
755
|
border-radius: 3px 0 0 0;
|
|
766
756
|
}
|
|
767
|
-
.c-login__qr-corner--tr[data-v-
|
|
757
|
+
.c-login__qr-corner--tr[data-v-f9c3ae4b] {
|
|
768
758
|
top: 6px;
|
|
769
759
|
right: 6px;
|
|
770
760
|
border-width: 2px 2px 0 0;
|
|
771
761
|
border-radius: 0 3px 0 0;
|
|
772
762
|
}
|
|
773
|
-
.c-login__qr-corner--bl[data-v-
|
|
763
|
+
.c-login__qr-corner--bl[data-v-f9c3ae4b] {
|
|
774
764
|
bottom: 6px;
|
|
775
765
|
left: 6px;
|
|
776
766
|
border-width: 0 0 2px 2px;
|
|
777
767
|
border-radius: 0 0 0 3px;
|
|
778
768
|
}
|
|
779
|
-
.c-login__qr-corner--br[data-v-
|
|
769
|
+
.c-login__qr-corner--br[data-v-f9c3ae4b] {
|
|
780
770
|
bottom: 6px;
|
|
781
771
|
right: 6px;
|
|
782
772
|
border-width: 0 2px 2px 0;
|
|
783
773
|
border-radius: 0 0 3px 0;
|
|
784
774
|
}
|
|
785
|
-
.c-login__qr-hint[data-v-
|
|
775
|
+
.c-login__qr-hint[data-v-f9c3ae4b] {
|
|
786
776
|
margin: 0;
|
|
787
777
|
display: flex;
|
|
788
778
|
align-items: center;
|
|
@@ -791,22 +781,22 @@ to {
|
|
|
791
781
|
color: var(--cl-text-hint);
|
|
792
782
|
letter-spacing: 0.3px;
|
|
793
783
|
}
|
|
794
|
-
.c-login__qr-refresh[data-v-
|
|
784
|
+
.c-login__qr-refresh[data-v-f9c3ae4b] {
|
|
795
785
|
color: var(--cl-text-secondary) !important;
|
|
796
786
|
font-size: 11px !important;
|
|
797
787
|
}
|
|
798
|
-
.c-login__qr-refresh[data-v-
|
|
788
|
+
.c-login__qr-refresh[data-v-f9c3ae4b]:hover {
|
|
799
789
|
color: var(--cl-tab-bar) !important;
|
|
800
790
|
}
|
|
801
791
|
|
|
802
792
|
/* ===== 分割线 ===== */
|
|
803
|
-
.c-login__divider[data-v-
|
|
793
|
+
.c-login__divider[data-v-f9c3ae4b] {
|
|
804
794
|
margin: 12px 10px 10px !important;
|
|
805
795
|
}
|
|
806
|
-
.c-login__divider[data-v-
|
|
796
|
+
.c-login__divider[data-v-f9c3ae4b] .n-divider__line {
|
|
807
797
|
background: var(--cl-divider-color) !important;
|
|
808
798
|
}
|
|
809
|
-
.c-login__divider[data-v-
|
|
799
|
+
.c-login__divider[data-v-f9c3ae4b] .n-divider__title {
|
|
810
800
|
color: var(--cl-text-hint) !important;
|
|
811
801
|
font-size: 12px;
|
|
812
802
|
white-space: nowrap;
|
|
@@ -814,13 +804,13 @@ to {
|
|
|
814
804
|
}
|
|
815
805
|
|
|
816
806
|
/* ===== 社交登录 ===== */
|
|
817
|
-
.c-login__social-row[data-v-
|
|
807
|
+
.c-login__social-row[data-v-f9c3ae4b] {
|
|
818
808
|
display: flex;
|
|
819
809
|
justify-content: center;
|
|
820
810
|
gap: 14px;
|
|
821
811
|
margin-bottom: 6px;
|
|
822
812
|
}
|
|
823
|
-
.c-login__social-btn[data-v-
|
|
813
|
+
.c-login__social-btn[data-v-f9c3ae4b] {
|
|
824
814
|
width: var(--cl-social-size) !important;
|
|
825
815
|
height: var(--cl-social-size) !important;
|
|
826
816
|
background: var(--cl-social-btn-bg) !important;
|
|
@@ -828,38 +818,38 @@ to {
|
|
|
828
818
|
color: var(--cl-text-secondary) !important;
|
|
829
819
|
transition: all 0.25s ease !important;
|
|
830
820
|
}
|
|
831
|
-
.c-login__social-btn[data-v-
|
|
821
|
+
.c-login__social-btn[data-v-f9c3ae4b]:hover {
|
|
832
822
|
background: var(--cl-social-btn-hover-bg) !important;
|
|
833
823
|
color: var(--cl-text-primary) !important;
|
|
834
824
|
transform: translateY(-2px);
|
|
835
825
|
}
|
|
836
826
|
|
|
837
827
|
/* ===== 注册 ===== */
|
|
838
|
-
.c-login__register-row[data-v-
|
|
828
|
+
.c-login__register-row[data-v-f9c3ae4b] {
|
|
839
829
|
text-align: center;
|
|
840
830
|
margin-top: 14px;
|
|
841
831
|
font-size: 13px;
|
|
842
832
|
}
|
|
843
|
-
.c-login__register-hint[data-v-
|
|
833
|
+
.c-login__register-hint[data-v-f9c3ae4b] {
|
|
844
834
|
color: var(--cl-text-hint);
|
|
845
835
|
}
|
|
846
|
-
.c-login__register-link[data-v-
|
|
836
|
+
.c-login__register-link[data-v-f9c3ae4b] {
|
|
847
837
|
color: var(--cl-tab-bar);
|
|
848
838
|
cursor: pointer;
|
|
849
839
|
margin-left: 4px;
|
|
850
840
|
transition: opacity 0.2s ease;
|
|
851
841
|
}
|
|
852
|
-
.c-login__register-link[data-v-
|
|
842
|
+
.c-login__register-link[data-v-f9c3ae4b]:hover {
|
|
853
843
|
opacity: 0.8;
|
|
854
844
|
}
|
|
855
845
|
|
|
856
846
|
/* ===== 输入图标 ===== */
|
|
857
|
-
.c-login__input-icon[data-v-
|
|
847
|
+
.c-login__input-icon[data-v-f9c3ae4b] {
|
|
858
848
|
color: var(--cl-input-icon);
|
|
859
849
|
}
|
|
860
850
|
|
|
861
851
|
/* ===== 亮色主题预设(父级加 .c-login--light 类可切换) ===== */
|
|
862
|
-
.c-login--light .c-login-panel[data-v-
|
|
852
|
+
.c-login--light .c-login-panel[data-v-f9c3ae4b] {
|
|
863
853
|
--cl-panel-bg: rgba(255, 255, 255, 0.96);
|
|
864
854
|
--cl-panel-border: rgba(0, 0, 0, 0.08);
|
|
865
855
|
--cl-panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
|
|
@@ -879,4 +869,9 @@ to {
|
|
|
879
869
|
--cl-divider-color: rgba(0, 0, 0, 0.1);
|
|
880
870
|
--cl-link-color: #888;
|
|
881
871
|
--cl-link-hover: #1a1a1a;
|
|
882
|
-
}
|
|
872
|
+
}
|
|
873
|
+
|
|
874
|
+
/* layer: default */
|
|
875
|
+
.visible[data-v-f9c3ae4b]{visibility:visible;}
|
|
876
|
+
.block[data-v-f9c3ae4b]{display:block;}
|
|
877
|
+
.blur[data-v-f9c3ae4b]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|