card.wxss 899 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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. }
  41. .menu{
  42. width: 100px;
  43. }
  44. .menu_item{
  45. font-size: 16px;
  46. text-align: center;
  47. padding: 5px 0;
  48. border-bottom: 1px solid #f2f2f2;
  49. }
  50. .menu_item:last-child{
  51. border-bottom:none;
  52. }