index.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .my-card {
  2. width: 690rpx;
  3. background: #FFFFFF;
  4. border-radius: 16rpx;
  5. margin: 0 auto;
  6. margin-top: 20rpx;
  7. box-sizing: border-box;
  8. overflow: hidden;
  9. .mtitle {
  10. display: flex;
  11. align-items: center;
  12. justify-content: space-between;
  13. width: 100%;
  14. height: 90rpx;
  15. padding: 0 20rpx 0 30rpx;
  16. border-bottom: 1px solid #EEEEEE;
  17. box-sizing: border-box;
  18. .title-l {
  19. font-size: 28rpx;
  20. font-family: PingFang SC-Bold, PingFang SC;
  21. font-weight: bold;
  22. color: #333333;
  23. }
  24. }
  25. }
  26. .hover:hover {
  27. opacity: .95;
  28. // background: #f4f5f7;
  29. }
  30. /* 附件 */
  31. .accessory {
  32. display: flex;
  33. align-items: center;
  34. height: 122rpx;
  35. background: #FFFFFF;
  36. border: 1rpx solid #CCCCCC;
  37. .icon {
  38. width: 58rpx;
  39. height: 58rpx;
  40. margin-left: 30rpx;
  41. .iconfont {
  42. font-size: 58rpx;
  43. color: var(--assist);
  44. }
  45. }
  46. .explian {
  47. display: flex;
  48. flex-direction: column;
  49. justify-content: space-between;
  50. margin-left: 30rpx;
  51. height: 80rpx;
  52. .title {
  53. width: 380rpx;
  54. font-size: 28rpx;
  55. font-family: PingFang SC-Bold, PingFang SC;
  56. font-weight: bold;
  57. color: #333333;
  58. word-break: break-all;
  59. }
  60. .time {
  61. font-size: 20rpx;
  62. font-family: PingFang SC-Regular, PingFang SC;
  63. color: #999999;
  64. }
  65. }
  66. .v-but {
  67. width: 140rpx;
  68. height: 60rpx;
  69. border-radius: 30rpx;
  70. margin-left: 30rpx;
  71. }
  72. }
  73. .line-1 {
  74. overflow: hidden;
  75. white-space: nowrap;
  76. text-overflow: ellipsis;
  77. }