client.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. @charset "UTF-8";
  2. /* 需要放到文件最上面 */
  3. /* 水平间距 */
  4. /* 水平间距 */
  5. /*
  6. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  7. */
  8. /* 水平间距 */
  9. .status-tag {
  10. height: 52rpx;
  11. border-radius: 52rpx;
  12. line-height: 52rpx;
  13. padding: 0 30rpx;
  14. font-size: 24rpx;
  15. color: #fff;
  16. }
  17. .status-tag.success {
  18. background-color: #389e0d;
  19. }
  20. .status-tag.primary {
  21. background-color: #08979c;
  22. }
  23. .common-list {
  24. padding: 0 30rpx;
  25. box-sizing: border-box;
  26. }
  27. .common-list .common-item {
  28. background-color: #ffffff;
  29. border-radius: 16rpx;
  30. box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  31. padding: 30rpx;
  32. position: relative;
  33. }
  34. .common-list .common-item .icon {
  35. position: absolute;
  36. top: 30rpx;
  37. right: 30rpx;
  38. }
  39. .common-list .common-item .title {
  40. font-size: 32rpx;
  41. font-weight: 600;
  42. }
  43. .common-list .common-item .date {
  44. font-size: 24rpx;
  45. color: #8c8c8c;
  46. margin: 10rpx 0;
  47. }
  48. .common-list .common-item .space {
  49. font-size: 24rpx;
  50. }
  51. .common-list .common-item .other {
  52. margin-top: 20rpx;
  53. }
  54. .common-list .common-item .other .item {
  55. margin-top: 10rpx;
  56. }
  57. .common-list .common-item .other .label {
  58. color: #8c8c8c;
  59. font-size: 24rpx;
  60. }
  61. .common-list .common-item .other .value {
  62. margin-top: 6rpx;
  63. font-weight: 400;
  64. }
  65. .common-list .common-item .state {
  66. margin-top: 20rpx;
  67. display: flex;
  68. justify-content: space-between;
  69. }
  70. .common-list .common-item .state .create {
  71. height: 48rpx;
  72. border-radius: 48rpx;
  73. border: 1px solid #08979c;
  74. display: flex;
  75. align-items: center;
  76. color: #08979c;
  77. padding: 0 10rpx;
  78. }
  79. .common-list .common-item .state .create .name {
  80. font-size: 24rpx;
  81. flex: 1;
  82. max-width: 150rpx;
  83. min-width: 70rpx;
  84. overflow: hidden;
  85. margin-left: 10rpx;
  86. line-height: 36rpx;
  87. }