index.wxss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /* pagesPublic/pages/tdcr/tdcr-list/index.wxss */
  2. .main {
  3. width: 100%;
  4. height: 100vh;
  5. display: flex;
  6. align-items: center;
  7. justify-content: center;
  8. flex-direction: column;
  9. background-size: 100% 100%;
  10. }
  11. .map-block {
  12. width: 80%;
  13. height: 47vh;
  14. background-size: 100% 100%;
  15. background-repeat: no-repeat;
  16. }
  17. .map-block-item {
  18. position: absolute;
  19. }
  20. .map-block-item .item-name {
  21. width: 258rpx;
  22. height: 85rpx;
  23. line-height: 85rpx;
  24. font-size: 30rpx;
  25. font-weight: bold;
  26. color: #00FFFF;
  27. background-size: 100% 100%;
  28. position: relative;
  29. text-align: center;
  30. padding: 5rpx 20rpx;
  31. }
  32. .map-block-item .item-line {
  33. border-left: dashed 1px #00FFFF;
  34. width: 1rpx;
  35. position: relative;
  36. }
  37. .map-block-item .item-postion {
  38. width: 40rpx;
  39. height: 70rpx;
  40. background-size: 100%;
  41. position: relative;
  42. }
  43. .header {
  44. color: white;
  45. text-align: center;
  46. font-family: PingFang SC;
  47. font-weight: 800;
  48. font-size: 42rpx;
  49. width: 96vw;
  50. display: flex;
  51. justify-content: center;
  52. align-items: center;
  53. position: absolute;
  54. }