index.acss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .ab-owner-card-content {
  2. background-image: linear-gradient(#1677ff, #F1F2F4);
  3. padding: 10rpx 60rpx 40rpx;
  4. }
  5. .ab-owner-card-content .card-position {
  6. display: flex;
  7. justify-content: space-between;
  8. align-items: center;
  9. }
  10. .ab-owner-card-content .card-position .card-flex {
  11. display: flex;
  12. justify-content: flex-start;
  13. align-items: center;
  14. }
  15. .ab-owner-card-content .card-position .card-flex .pub-icon {
  16. width: 25rpx;
  17. height: 35rpx;
  18. margin-right: 12rpx;
  19. }
  20. .ab-owner-card-content .card-position .card-flex .card-icon {
  21. width: 100%;
  22. height: 100%;
  23. background-image: url('https://gw.alipayobjects.com/mdn/rms_091500/afts/img/A*_zpOTYClPccAAAAAAAAAAAAAARQnAQ');
  24. background-size: 100% 100%;
  25. }
  26. .ab-owner-card-content .card-position .card-flex .card-title {
  27. color: #fff;
  28. font-size: 30rpx;
  29. }
  30. .ab-owner-card-content .card-position .card-title2 {
  31. color: #fff;
  32. font-size: 30rpx;
  33. }
  34. .ab-owner-card-content .card-image {
  35. position: relative;
  36. margin-top: 50rpx;
  37. height: 260rpx;
  38. border-radius: 20rpx;
  39. }
  40. .ab-owner-card-content .card-image .get-cards {
  41. position: absolute;
  42. bottom: 10px;
  43. width: 60%;
  44. left: 20%;
  45. padding: 25rpx;
  46. box-sizing: border-box;
  47. color: #fff;
  48. font-size: 30rpx;
  49. background-color: orange;
  50. text-align: center;
  51. border-radius: 50rpx;
  52. }
  53. .ab-owner-card-content .card-image .card-number {
  54. text-align: center;
  55. margin-top: 70rpx;
  56. color: #fff;
  57. font-size: 34rpx;
  58. overflow: hidden;
  59. text-overflow: ellipsis;
  60. white-space: nowrap;
  61. }