receivedInvitation.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /* pages/receivedInvitation/receivedInvitation.wxss */
  2. /* 设置背景 */
  3. .wrapper{
  4. width: 100%;
  5. height: 100%;
  6. background-color: #FFF2CC;
  7. padding: 20rpx;
  8. }
  9. /* 上方邀请号和照片 */
  10. .above{
  11. display: flex;
  12. width: 95%;
  13. justify-content: space-between;
  14. }
  15. /* 上方、中间左侧文字 */
  16. .aboveTitle,
  17. .midTitle,
  18. .bottomTitle{
  19. padding-bottom: 20rpx;
  20. }
  21. /* 头像 */
  22. .headerPortrait{
  23. width: 200rpx;
  24. }
  25. /* 设置链接样式 */
  26. .toLink{
  27. color: skyblue;
  28. text-decoration: underline;
  29. }
  30. /* 需求号和课程号状态 */
  31. .needState{
  32. padding-left: 30rpx;
  33. color: red;
  34. font-weight: bold;
  35. }
  36. /* 设置操作状态字体 */
  37. .operateState{
  38. font-weight: bold;
  39. color: red;
  40. }
  41. .bottomWrapper{
  42. margin-top: 140rpx;
  43. }
  44. /* 底部按钮 */
  45. .operation{
  46. display: flex;
  47. justify-content: space-around;
  48. margin-top: 120rpx;
  49. }
  50. /* 按钮 */
  51. .operationBtn{
  52. width: 160rpx;
  53. height: 60rpx;
  54. line-height: 60rpx;
  55. text-align: center;
  56. border: 1rpx solid #5B9BD5;
  57. border-radius: 30rpx;
  58. font-size: 40rpx;
  59. background-color: #5B9BD5;
  60. color: white;
  61. }