home.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .container {
  2. margin: 0;
  3. padding: 0;
  4. overflow: hidden;
  5. width: 100%;
  6. height: 100%;
  7. .header {
  8. position: absolute;
  9. z-index: 555;
  10. margin-bottom: 20px;
  11. height: 70px;
  12. width: 100%;
  13. top: 0;
  14. img {
  15. width: 100%;
  16. height: 100%;
  17. }
  18. }
  19. }
  20. .el-container {
  21. height: 938px;
  22. overflow: hidden;
  23. }
  24. // 点击模型弹出框
  25. .modelInfo {
  26. position: absolute;
  27. padding: 10px;
  28. padding-left: 20px;
  29. border-radius: 10px;
  30. background: rgba(255, 255, 255, 0.80);
  31. width: 206px;
  32. height: 165px;
  33. display: none;
  34. z-index: 999;
  35. .model-detail {
  36. position: absolute;
  37. // border: 2px dashed #00CF78;
  38. display: none;
  39. display: flex;
  40. justify-content: space-between;
  41. flex-direction: column;
  42. // flex-wrap: wrap;
  43. // padding: 10px;
  44. span {
  45. font-size: 16px;
  46. width: 100%;
  47. font-family: Microsoft YaHei UI;
  48. // border: 1px solid red;
  49. // margin: 6px;
  50. margin: 6px 0;
  51. font-weight: 400;
  52. .title {
  53. color: #333;
  54. font-weight: 700;
  55. }
  56. .green {
  57. color: #00C767;
  58. }
  59. .red {
  60. color: #DB4A36;
  61. }
  62. }
  63. }
  64. }