_mixins.scss 554 B

1234567891011121314151617181920
  1. // 卡片交互混入 — 封装统一的卡片样式和交互反馈
  2. @mixin card-interactive($radius: 24rpx, $shadow-opacity: 0.06) {
  3. background: $uni-bg-color-card;
  4. border-radius: $radius;
  5. box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, $shadow-opacity);
  6. transition: all 0.15s ease;
  7. &:active {
  8. transform: scale(0.98);
  9. box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, $shadow-opacity * 0.67);
  10. }
  11. }
  12. // 段落头部圆点混入
  13. @mixin section-dot($size: 10rpx) {
  14. width: $size;
  15. height: $size;
  16. background: $uni-color-primary;
  17. border-radius: 50%;
  18. }