proposalList.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. page{
  2. background-color: #f2f2f2;
  3. height: 100%;
  4. }
  5. .tab{
  6. height: 130rpx;
  7. display: flex;
  8. align-items: center;
  9. background: #fff;
  10. }
  11. .top{
  12. width: 690rpx;
  13. margin: 0 auto;
  14. display: flex;
  15. flex-direction: row;
  16. justify-content: space-around;
  17. border-radius: 10rpx;
  18. /* overflow: hidden; */
  19. }
  20. .top :first-child{
  21. border-radius: 10rpx 0rpx 0rpx 10rpx;
  22. }
  23. .top :last-child{
  24. border-radius: 0rpx 10rpx 10rpx 0rpx;
  25. }
  26. .top view{
  27. width: 40%;
  28. height: 70rpx;
  29. display: flex;
  30. justify-content: center;
  31. align-items: center;
  32. font-size: 30rpx;
  33. border-collapse: collapse;
  34. border:1rpx solid #6282f4;
  35. margin-right: -1rpx
  36. }
  37. .select{
  38. color: #fff;
  39. background-color: #6282f4;
  40. }
  41. .list{
  42. width: 100%;
  43. display: flex;
  44. background-color: #fff;
  45. justify-content: space-between;
  46. margin-top: 20rpx;
  47. }
  48. .list-left{
  49. display: flex;
  50. flex-direction: column;
  51. padding: 20rpx 20rpx 20rpx 40rpx;
  52. }
  53. .list-left view{
  54. margin: 10rpx;
  55. }
  56. .list-right{
  57. display: flex;
  58. justify-content: center;
  59. align-items: center;
  60. padding-right: 30rpx;
  61. }
  62. .list-right view{
  63. display: flex;
  64. justify-content: center;
  65. align-items: center;
  66. width: 100rpx;
  67. height: 100rpx;
  68. border:1rpx solid #6282f4;
  69. border-radius: 50%;
  70. }
  71. .nodata{
  72. text-align: center;
  73. margin-top: 30rpx;
  74. }