apply.wxss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /* pages/apply/apply.wxss */
  2. page{
  3. background: #F4F7F9;
  4. }
  5. .content{
  6. padding: 12px;
  7. padding-bottom: 60px;
  8. }
  9. .list{
  10. background: #fff;
  11. padding: 12px;
  12. box-shadow:0px 2px 12px 0px rgba(0,0,0,0.08);
  13. border-radius:4px;
  14. margin-bottom: 12px;
  15. position: relative;
  16. }
  17. .title{
  18. color: #222;
  19. font-weight: 600;
  20. font-size: 32rpx;
  21. margin-bottom: 12px;
  22. }
  23. .title text{
  24. display: block;
  25. color: #358BFF;
  26. font-size: 28rpx;
  27. font-weight: 400;
  28. }
  29. .info text{
  30. display: block;
  31. color: #222;
  32. line-height: 25px;
  33. }
  34. .status{
  35. float: right;
  36. }
  37. .status text{
  38. display: block;
  39. color: #E85546;
  40. text-align: right;
  41. }
  42. .study{
  43. width:88px;
  44. height:32px;
  45. background:rgba(53,139,255,1);
  46. border-radius:16px;
  47. color: #fff;
  48. text-align: center;
  49. line-height: 32px;
  50. position: absolute;
  51. bottom: 12px;
  52. right: 12px;
  53. }
  54. .post{
  55. display: block;
  56. height:48px;
  57. background:rgba(53,139,255,1);
  58. border-radius:4px;
  59. color: #fff;
  60. text-align: center;
  61. line-height: 48px;
  62. margin-top: 50px;
  63. position: fixed;
  64. bottom: 5px;
  65. width: calc(100% - 24px);
  66. }