bugfix

2026-09-15 23:04:38 +08:00
parent 6be3f083cc
commit 592fa9be64
21 changed files with 1323 additions and 77 deletions
@@ -0,0 +1,141 @@
+/** AI 穿搭：待保存 / 已保存两段，图卡与胶囊复用全局类 **/
+.page-flex {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.scroll-body {
+  flex: 1;
+  height: 0;
+}
+
+/* 分段条：吸顶玻璃 */
+.segbar {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  margin-top: 36rpx;
+  background: var(--glass);
+  -webkit-backdrop-filter: saturate(180%) blur(20px);
+  backdrop-filter: saturate(180%) blur(20px);
+  border-bottom: 1rpx solid var(--hairline);
+}
+
+/* 待保存说明行：保存语义 + 7 天清理规则 */
+.ap-note {
+  margin: 32rpx var(--pad) 0;
+  font-size: 23rpx;
+  line-height: 1.6;
+  color: var(--ink-3);
+}
+
+.ap-list {
+  padding: 40rpx var(--pad) 0;
+  display: flex;
+  flex-direction: column;
+  gap: 56rpx;
+}
+
+.ap-card {
+  display: block;
+  width: 100%;
+  transition: transform .2s var(--ease);
+}
+
+.ap-card:active {
+  transform: scale(.985);
+}
+
+.ap-skel {
+  padding: 40rpx var(--pad) 0;
+  display: flex;
+  flex-direction: column;
+  gap: 56rpx;
+}
+
+.ap-skel-item {
+  display: flex;
+  flex-direction: column;
+  gap: 24rpx;
+}
+
+.sk-cover {
+  aspect-ratio: 4 / 3;
+}
+
+.ap-trow {
+  display: flex;
+  align-items: center;
+  gap: 18rpx;
+  margin-top: 24rpx;
+}
+
+.ap-title {
+  font-family: var(--serif);
+  font-size: 34rpx;
+  font-weight: 500;
+  line-height: 1.35;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ap-desc {
+  margin-top: 14rpx;
+  font-size: 25rpx;
+  line-height: 1.62;
+  color: var(--ink-2);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.ap-meta {
+  display: flex;
+  align-items: center;
+  gap: 22rpx;
+  margin-top: 24rpx;
+}
+
+.ap-m {
+  display: inline-flex;
+  align-items: center;
+  gap: 8rpx;
+  font-size: 22rpx;
+  color: var(--ink-3);
+  font-variant-numeric: tabular-nums;
+}
+
+/* 待保存操作行：实心黑主按钮 + 下划线文字按钮 */
+.ap-acts {
+  display: flex;
+  align-items: center;
+  gap: 30rpx;
+  margin-top: 32rpx;
+}
+
+.ap-save {
+  flex: 1;
+}
+
+/* 分段在本页数据里为空但仍有下一页时的显式加载入口 */
+.ap-more {
+  margin: 56rpx var(--pad) 0;
+  text-align: center;
+  font-size: 25rpx;
+  color: var(--ink-2);
+  text-decoration: underline;
+  text-underline-offset: 7rpx;
+  text-decoration-thickness: 1rpx;
+  text-decoration-color: var(--ink-4);
+  transition: opacity .18s var(--ease);
+}
+
+.ap-more:active {
+  opacity: .55;
+}