第一次上传

.svn/pristine/15/15d2edeaada85f7b8d047b451f6c439d380cf7c1.svn-base

@@ -0,0 +1,239 @@
+/**
+ * 美团风格主题 - 参考美团外卖
+ */
+
+/* 主色调 - 美团黄色 */
+$primary-color: #FFCC00;      // 美团黄
+$primary-light: #FFD700;      // 亮黄色
+$primary-dark: #F5A623;       // 深黄色
+
+/* 辅助色 */
+$secondary-bg: #FFF8E1;       // 浅黄背景
+$accent-color: #FF6B00;       // 橙红色
+
+/* 中性色 */
+$text-primary: #0F172A;       // 深色文字
+$text-secondary: #64748B;     // 次要文字
+$text-tertiary: #94A3B8;      // 辅助文字
+$border-color: #E2E8F0;       // 边框色
+$bg-color: #F8FAFC;           // 背景色
+
+/* 功能色 */
+$success: #10B981;            // 绿色
+$warning: #F59E0B;            // 橙色
+$error: #EF4444;              // 红色
+$info: #3B82F6;               // 蓝色
+
+/* 间距 */
+$spacing-xs: 8rpx;
+$spacing-sm: 12rpx;
+$spacing-md: 16rpx;
+$spacing-lg: 20rpx;
+$spacing-xl: 24rpx;
+
+/* 圆角 */
+$radius-sm: 6rpx;
+$radius-md: 10rpx;
+$radius-lg: 16rpx;
+$radius-round: 999rpx;
+
+/* 阴影 */
+$shadow-sm: 0 1rpx 3rpx rgba(0, 0, 0, 0.05);
+$shadow-md: 0 4rpx 6rpx -1rpx rgba(0, 0, 0, 0.08);
+$shadow-lg: 0 10rpx 15rpx -3rpx rgba(0, 0, 0, 0.08);
+
+/* 字体大小 */
+$font-xs: 22rpx;
+$font-sm: 24rpx;
+$font-md: 26rpx;
+$font-lg: 28rpx;
+$font-xl: 32rpx;
+$font-xxl: 36rpx;
+
+/* 通用类 */
+.container {
+  padding: $spacing-md;
+}
+
+.flex {
+  display: flex;
+}
+
+.flex-column {
+  display: flex;
+  flex-direction: column;
+}
+
+.flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.flex-between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 卡片样式 */
+.card {
+  background: #FFFFFF;
+  border-radius: $radius-lg;
+  padding: $spacing-lg;
+  box-shadow: $shadow-sm;
+}
+
+/* 按钮样式 */
+.btn-primary {
+  background: linear-gradient(135deg, $primary-color, $primary-dark);
+  color: #FFFFFF;
+  border-radius: $radius-md;
+  padding: $spacing-md $spacing-xl;
+  font-size: $font-md;
+  font-weight: 500;
+}
+
+.btn-outline {
+  background: #FFFFFF;
+  color: $primary-color;
+  border: 1rpx solid $primary-color;
+  border-radius: $radius-md;
+  padding: $spacing-md $spacing-xl;
+  font-size: $font-md;
+  font-weight: 500;
+}
+
+/* 标签样式 - 现代风格 */
+.tag {
+  display: inline-flex;
+  align-items: center;
+  padding: 4rpx 10rpx;
+  border-radius: $radius-sm;
+  font-size: $font-xs;
+  font-weight: 500;
+}
+
+.tag-point {
+  background: linear-gradient(135deg, #F0F9FF, #E0F2FE);
+  color: #0284C7;
+  border: none;
+}
+
+.tag-usable {
+  background: #F1F5F9;
+  color: $text-secondary;
+  border: none;
+}
+
+.tag-coupon {
+  background: linear-gradient(135deg, #FAF5FF, #F3E8FF);
+  color: #9333EA;
+  border: none;
+}
+
+.tag-distance {
+  background: transparent;
+  color: $text-tertiary;
+}
+
+/* 分割线 */
+.divider {
+  height: 1rpx;
+  background-color: $border-color;
+  margin: $spacing-md 0;
+}
+
+/* 空状态 */
+.empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: $spacing-xl 0;
+  color: $text-tertiary;
+  font-size: $font-md;
+}
+
+.empty-icon {
+  font-size: 120rpx;
+  margin-bottom: $spacing-md;
+  opacity: 0.3;
+}
+
+/* 商家标签 - 右上角徽章 */
+.shop-badges {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: flex-end;
+}
+
+.badge-partner {
+  background: linear-gradient(135deg, #FF6B35, #F7931E);
+  color: #FFFFFF;
+  font-size: 9px;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-weight: 500;
+}
+
+.badge-coop {
+  background: linear-gradient(135deg, #667EEA, #764BA2);
+  color: #FFFFFF;
+  font-size: 9px;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-weight: 500;
+}
+
+/* 商家优惠券标签 */
+.shop-tag {
+  display: inline-block;
+  padding: 2rpx 6rpx;
+  border-radius: 8rpx;
+  font-size: 12rpx;
+  font-weight: 500;
+  line-height: 1.3;
+}
+
+/* 消费得积分标签 - 蓝紫色系 */
+.shop-tag.tag-points {
+  background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
+  color: #1565C0;
+  border: 1rpx solid #64B5F6;
+}
+
+/* 可用积分标签 - 绿色系 */
+.shop-tag.tag-points-available {
+  background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
+  color: #2E7D32;
+  border: 1rpx solid #81C784;
+}
+
+/* 可用券标签 - 橙红色系 */
+.shop-tag.tag-coupon {
+  background: linear-gradient(135deg, #FFEBEE, #FFCDD2);
+  color: #D32F2F;
+  border: 1rpx solid #EF5350;
+}
+
+/* 默认标签 - 灰色系 */
+.shop-tag.tag-default {
+  background: linear-gradient(135deg, #F5F5F5, #E0E0E0);
+  color: #616161;
+  border: 1rpx solid #BDBDBD;
+}