路由页动效与细节一批

基调是简单快速：hover 颜色 0.15s 过渡（全局规则，只过渡颜色不碰布局）、
对话框入场淡入加 6px 上移、tab 下划线改成共享的一条并在切换时滑动、tab
内容 out-in 淡切、配置折叠箭头居右随展开旋转 90 度、订阅下拉 0.12s 出入场。
不引 animate.css：这些效果各自十几行 CSS，引库只多不少。

配置展开和拨开链式代理时，若详情底部长出窗口则平滑滚进视野；tab 切换
不触发，来回切时页面跟着跳只会晕。二次确认对话框点遮罩可关闭，内边距
挪进内层，否则点在 dialog 自己的 padding 上也会被当成遮罩。新增入站的
表单不做遮罩关闭：误点会丢掉填了一半的内容。对话框标题改为「新增路由」
「编辑路由」。select 换自绘箭头，原生箭头贴边且位置调不了。

This commit is contained in:

im0o

2026-08-11 16:23:03 +08:00

parent a44f410074

commit de3a4c9bcd

6 changed files with 222 additions and 65 deletions

									
										web/components/OutboundCard.vue
									
		+3
		
												View File
												
				@@ -100,6 +100,9 @@ function delayClass(ms: number | null): string {

				  border: 1px solid var(--c-border);

				  border-radius: var(--r-sm);

				  background: var(--c-surface-sunken);

				  transition:

				    border-color 0.15s ease,

				    background-color 0.15s ease;

				}

				.card.tone-chain {