card.scss 579 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .cl-card {
  2. background-color: #fff;
  3. border-radius: 16rpx;
  4. margin-bottom: 20rpx;
  5. &__header {
  6. display: flex;
  7. align-items: center;
  8. height: 80rpx;
  9. border-bottom: 1rpx solid #f7f7f7;
  10. position: relative;
  11. padding: 0 20rpx;
  12. }
  13. &__more {
  14. display: flex;
  15. align-items: center;
  16. position: absolute;
  17. right: 20rpx;
  18. line-height: 1rpx;
  19. .cl-icon-arrow-right {
  20. font-size: 30rpx;
  21. color: #777;
  22. }
  23. }
  24. &__container {
  25. padding: 20rpx;
  26. }
  27. &__footer {
  28. display: flex;
  29. justify-content: flex-end;
  30. align-items: center;
  31. height: 90rpx;
  32. padding: 0 20rpx;
  33. }
  34. }