info.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* pages/index/info.wxss */
  2. .topStatus{
  3. display: flex;
  4. padding:30rpx 36rpx 40rpx;
  5. justify-content: space-between;
  6. background: linear-gradient(180deg, rgba(255,255,255,0.44) 0%, rgba(49,174,103,0.54) 100%);
  7. }
  8. .topStatus2{
  9. background: linear-gradient(180deg, rgba(255,255,255,0.44) 0%, rgba(235,71,71,0.28) 100%);
  10. }
  11. .topStatus .appointStatus{
  12. padding-top: 144rpx;
  13. font-size: 40rpx;
  14. }
  15. .topStatus .appointStatus1{
  16. color: #31AE67;
  17. }
  18. .topStatus .appointStatus2{
  19. color: #EB4747;
  20. }
  21. .topStatus>view:last-child image{
  22. width: 216rpx;
  23. }
  24. .part {
  25. border-radius: 16rpx;
  26. padding: 20rpx 00rpx;
  27. background: #fff;
  28. margin-bottom: 20rpx;
  29. }
  30. .topProJectInfo {
  31. padding: 26rpx 40rpx;
  32. margin-top: -20rpx;
  33. }
  34. .proTitle {
  35. font-size: 36rpx;
  36. font-weight: bold;
  37. color: rgba(0, 0, 0, 0.85);
  38. border-radius: 20rpx 20rpx 0rpx 0rpx;
  39. }
  40. .proJectInfoCode {
  41. display: flex;
  42. padding: 10rpx 10rpx 0 0rpx;
  43. color: rgba(0, 0, 0, 0.65);
  44. justify-content: space-between;
  45. }
  46. .sijiInfo{
  47. display: flex;
  48. padding-top: 10rpx;
  49. height: 58rpx;
  50. line-height: 58rpx;
  51. font-size: 24rpx;
  52. color: rgba(0,0,0,0.85);
  53. }
  54. .sijiInfo >view:first-child,.sijiInfo >view:nth-child(2){
  55. display: inline-block;
  56. padding: 0 30rpx 0 20rpx;
  57. height: 58rpx;
  58. line-height: 58rpx;
  59. background: #F4F5F8;
  60. border-radius: 28rpx;
  61. text-align: center;
  62. margin-right: 16rpx;
  63. }
  64. .sijiInfo >view:last-child{
  65. /* flex: 1; */
  66. }
  67. .type{
  68. display: inline-block;
  69. height: 50rpx;
  70. line-height: 50rpx;
  71. padding: 0 18rpx;
  72. font-size: 24rpx;
  73. color: #2C6CEC;
  74. background: rgba(44,108,236,0.1);
  75. }
  76. .type1{
  77. color: #52C41A;
  78. background: rgba(82,196,26,0.1);
  79. }
  80. .type2{
  81. color: #FAAD14;
  82. background: rgba(250,173,20,0.1);
  83. }