index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /* pagesPublic/pages/tdcr/index.wxss */
  2. .main {
  3. height: 100vh;
  4. background-size: 100% 100%;
  5. display: flex;
  6. flex-direction: column;
  7. }
  8. .main-header {
  9. width: 90vw;
  10. height: 18vh;
  11. margin: 0 auto;
  12. margin-top: 11vh;
  13. }
  14. .cursor-guy {
  15. display: flex;
  16. }
  17. .cursor-size {
  18. height: 5vh;
  19. width: 10vw;
  20. }
  21. .main-content {
  22. width: 100vw;
  23. height: 16vh;
  24. margin-top: 5vh;
  25. background-size: 100% 100%;
  26. background-position-x: -5vw;
  27. }
  28. .item {
  29. position: relative;
  30. }
  31. .item .item-title {
  32. color: #EFD7BD;
  33. font-family: Microsoft YaHei;
  34. font-weight: bold;
  35. transform: rotate(-16deg);
  36. transform-origin: center;
  37. font-size: 22rpx;
  38. text-shadow: 1px 1px 2px #EFD7BD;
  39. }
  40. .item .item-img {
  41. width: 20vw;
  42. height: 12vh;
  43. position: relative;
  44. }
  45. .list {
  46. width: 80vw;
  47. margin: 0 auto;
  48. margin-top: 3vh;
  49. }
  50. .list-item {
  51. display: flex;
  52. }
  53. .list-item .list-item-img {
  54. width: 50rpx;
  55. height: 65rpx;
  56. }
  57. .list-item .list-item-txt {
  58. color: white;
  59. background: linear-gradient(90deg, rgba(4, 97, 218, 0.3) 0%, rgba(84,132,255,0) 100%);
  60. line-height: 65rpx;
  61. padding-left: 12vw;
  62. }
  63. .bottom-btn {
  64. width: 80vw;
  65. height: 5vh;
  66. line-height: 5vh;
  67. font-family: Microsoft YaHei;
  68. font-weight: bold;
  69. font-size: 32rpx;
  70. color: #0F2887;
  71. text-align: center;
  72. margin: 0 auto;
  73. margin-top: 3vh;
  74. }