1

2025-08-13 14:04:52 +08:00
parent d505663f4a
commit 7d32f5d0f9
3 changed files with 157 additions and 52 deletions
@@ -0,0 +1,117 @@
+/**
+ * 公共样式文件
+ * 定义项目中常用的样式类，提高代码复用性
+ */
+
+/* 渐变背景 */
+.gradient-bg {
+  background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
+}
+
+.gradient-bg-primary {
+  background: linear-gradient(135deg, #FF8A80, #FFB6C1);
+}
+
+/* 卡片样式 */
+.card-style {
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 24rpx;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(10rpx);
+}
+
+/* 按钮渐变 */
+.btn-gradient {
+  background: linear-gradient(135deg, #FF8A80, #FFB6C1);
+  color: white;
+  border: none;
+}
+
+/* 阴影效果 */
+.shadow-light {
+  box-shadow: 0 4rpx 16rpx rgba(255, 138, 128, 0.2);
+}
+
+.shadow-medium {
+  box-shadow: 0 6rpx 20rpx rgba(255, 138, 128, 0.3);
+}
+
+.shadow-heavy {
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.1);
+}
+
+/* 圆角 */
+.radius-small {
+  border-radius: 12rpx;
+}
+
+.radius-medium {
+  border-radius: 16rpx;
+}
+
+.radius-large {
+  border-radius: 24rpx;
+}
+
+.radius-round {
+  border-radius: 50%;
+}
+
+/* 间距 */
+.margin-small {
+  margin: 16rpx;
+}
+
+.margin-medium {
+  margin: 24rpx;
+}
+
+.margin-large {
+  margin: 32rpx;
+}
+
+.padding-small {
+  padding: 16rpx;
+}
+
+.padding-medium {
+  padding: 24rpx;
+}
+
+.padding-large {
+  padding: 32rpx;
+}
+
+/* 文字颜色 */
+.text-primary {
+  color: #FF8A80;
+}
+
+.text-secondary {
+  color: #666;
+}
+
+.text-muted {
+  color: #999;
+}
+
+.text-white {
+  color: white;
+}
+
+/* 背景透明度 */
+.bg-transparent {
+  background: transparent;
+}
+
+.bg-white-light {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.bg-white-medium {
+  background: rgba(255, 255, 255, 0.85);
+}
+
+.bg-white-heavy {
+  background: rgba(255, 255, 255, 0.95);
+}