todos.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. html,
  2. body {
  3. height: 100%;
  4. background-color: #f5f5f5;
  5. font-family: PingFangSC-Regular;
  6. color: #333333;
  7. }
  8. .container{
  9. height: 100%;
  10. display: flex;
  11. flex-direction: column;
  12. }
  13. .container > .contentNull {
  14. flex: 1;
  15. background: #ffffff;
  16. position: relative;
  17. }
  18. .container > .contentNull > view {
  19. position: absolute;
  20. top: 332rpx;
  21. left: 222rpx;
  22. display: flex;
  23. flex-direction: column;
  24. }
  25. .container > .contentNull > view > image {
  26. width: 308rpx;
  27. height: 308rpx;
  28. }
  29. .container > .contentNull > view > text {
  30. font-size: 28rpx;
  31. color: #9197a3;
  32. text-align: center;
  33. }
  34. .container .content>view{
  35. padding: 40rpx 66rpx 42rpx 32rpx;
  36. background: #ffffff;
  37. display: flex;
  38. flex-direction: column;
  39. margin-bottom: 20rpx;
  40. }
  41. .container .content>view>view{
  42. display: flex;
  43. justify-content: space-between;
  44. align-items: center;
  45. }
  46. .container .content>view>view:first-child{
  47. font-size: 34rpx;
  48. margin-bottom: 18rpx;
  49. position: relative;
  50. }
  51. .container .content>view>view:first-child image{
  52. width: 14rpx;
  53. height: 24rpx;
  54. position: absolute;
  55. top: 12rpx;
  56. right: -34rpx;
  57. }
  58. .container .content>view>view:last-child{
  59. font-size: 28rpx;
  60. }
  61. .container .content>view>view:last-child{
  62. color: #999999;
  63. }