更新文档,新增输入框样式最佳实践,强调在小程序和管理端开发中使用容器包裹输入框以避免布局问题。调整经验库,记录相关最佳实践和开发进度,确保团队共享经验的一致性和可追溯性。优化小程序页面,增加分享功能,提升用户体验。
This commit is contained in:
@@ -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%;
|
||||
|
||||
Reference in New Issue
Block a user