更新文档,新增输入框样式最佳实践,强调在小程序和管理端开发中使用容器包裹输入框以避免布局问题。调整经验库,记录相关最佳实践和开发进度,确保团队共享经验的一致性和可追溯性。优化小程序页面,增加分享功能,提升用户体验。

This commit is contained in:
Alex-larget
2026-02-27 14:22:58 +08:00
parent 31f4e37345
commit 8655dca7b4
34 changed files with 514 additions and 142 deletions

View File

@@ -547,6 +547,45 @@
}
/* ===== 超级个体(横向滚动) ===== */
/* 加载骨架动画 */
.super-loading {
width: 100%;
margin: 0 -32rpx;
padding: 0 32rpx;
}
.super-loading-inner {
display: flex;
gap: 32rpx;
padding-bottom: 16rpx;
}
.super-loading-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 16rpx;
min-width: 140rpx;
}
.super-loading-avatar {
width: 112rpx;
height: 112rpx;
border-radius: 50%;
background: linear-gradient(90deg, #2c2c2e 25%, #3a3a3c 50%, #2c2c2e 75%);
background-size: 200% 100%;
animation: super-shimmer 1.2s ease-in-out infinite;
}
.super-loading-name {
width: 80rpx;
height: 24rpx;
border-radius: 8rpx;
background: linear-gradient(90deg, #2c2c2e 25%, #3a3a3c 50%, #2c2c2e 75%);
background-size: 200% 100%;
animation: super-shimmer 1.2s ease-in-out infinite 0.2s;
}
@keyframes super-shimmer {
0% { background-position: 100% 0; }
100% { background-position: -100% 0; }
}
.super-scroll {
white-space: nowrap;
width: 100%;