course-card.wxss 789 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. @import '/miniprogram_npm/@vant/weapp/common/index.wxss';
  2. .container {
  3. position: relative;
  4. margin: 20rpx 0;
  5. }
  6. .card {
  7. height: 133rpx;
  8. padding: 25rpx 20rpx 25rpx 180rpx;
  9. margin: 0 20rpx 0 50rpx;
  10. background: #fff;
  11. border-radius: 10rpx;
  12. box-shadow: 0 0 10rpx 0 rgba(153, 153, 153, 0.21);
  13. display: flex;
  14. flex-direction: column;
  15. justify-content: space-between;
  16. }
  17. .card-img {
  18. position: absolute;
  19. left: 15rpx;
  20. top: 15rpx;
  21. }
  22. .card-title {
  23. width: 350rpx;
  24. font-size: 26rpx;
  25. font-weight: bold;
  26. color: #333333;
  27. }
  28. .card-content {
  29. font-size: 19rpx !important;
  30. margin-top: 10rpx;
  31. }
  32. .tag {
  33. background: #FFEEEC;
  34. border: 1rpx solid #FF4330;
  35. border-radius: 5rpx;
  36. color: #FF4330;
  37. padding: 1rpx 10rpx;
  38. }