card.wxss 719 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* myComponents/card/card.wxss */
  2. .myCard{
  3. position: relative;
  4. width: calc(100% - 10rpx);
  5. border-radius: 15rpx;
  6. border: 1rpx solid var(--themeColor);
  7. --padding:15rpx;
  8. margin: 10px 0;
  9. }
  10. .head{
  11. border-bottom: 1rpx solid var(--themeColor);
  12. display: flex;
  13. justify-content: space-between;
  14. align-items: center;
  15. padding: 10px 0;
  16. font-size: 14px;
  17. }
  18. .head_right{
  19. width: 50%;
  20. display: flex;
  21. align-items: center;
  22. justify-content: flex-end;
  23. padding-right: var(--padding);
  24. }
  25. .head_right_label{
  26. margin-right: 10px;
  27. font-size: 12px;
  28. }
  29. .head_left{
  30. padding-left: var(--padding);
  31. width: 100%;
  32. }
  33. .body{
  34. padding: var(--padding);
  35. }
  36. .edit{
  37. position: relative;
  38. width: 10px;
  39. height: 10px;
  40. }