hjyd
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

78 lines
1.7 KiB

2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
  1. <template>
  2. <div class="web_of_thing_container">
  3. <div class="main_content">
  4. <div class="big_title" id="webofthing_ani">
  5. <p class="line"></p>
  6. 物联网技术储备
  7. </div>
  8. <div class="btn">多年物联网技术开发经验</div>
  9. <div id="webofthing_img_ani">
  10. <img :src="Project" class="pro_img" alt="" />
  11. </div>
  12. </div>
  13. </div>
  14. </template>
  15. <script setup>
  16. import Project from '@/assets/img/web/zuo1.png'
  17. </script>
  18. <style lang="scss" scoped>
  19. .web_of_thing_container {
  20. width: 100%;
  21. height: 100%;
  22. background: url(../../../../assets/img/web/back.gif) no-repeat;
  23. background-position: 100%;
  24. background-size: auto 100%;
  25. position: relative;
  26. .main_content {
  27. position: absolute;
  28. left: 240px;
  29. top: 55%;
  30. transform: translateY(-50%);
  31. .big_title {
  32. font-size: 44px;
  33. font-family: DFPYuanW7-GB;
  34. font-weight: 400;
  35. color: #ffffff;
  36. margin-bottom: 34px;
  37. position: relative;
  38. .line {
  39. position: absolute;
  40. top: -28px;
  41. left: 0;
  42. width: 56px;
  43. height: 6px;
  44. background: #283fe7;
  45. border-radius: 3px;
  46. }
  47. }
  48. .btn {
  49. width: 281px;
  50. height: 49px;
  51. background: #283fe7;
  52. border-radius: 24px;
  53. font-size: 18px;
  54. font-family: Source Han Sans CN;
  55. font-weight: 400;
  56. color: #ffffff;
  57. display: flex;
  58. align-items: center;
  59. justify-content: center;
  60. margin-bottom: 59px;
  61. }
  62. .pro_img {
  63. width: 347px;
  64. height: 328px;
  65. }
  66. }
  67. .right_img {
  68. position: absolute;
  69. right: 195px;
  70. top: 50%;
  71. transform: translateY(-50%);
  72. width: 773px;
  73. height: 768px;
  74. }
  75. }
  76. </style>