Intro.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <template>
  2. <div class="page-container" style="width:100%;margin-top:15px;">
  3. 一个伟大的项目
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. components: {
  9. },
  10. methods: {
  11. }
  12. }
  13. </script>
  14. <style>
  15. .carousel {
  16. padding-left: 20px;
  17. padding-right: 20px;
  18. margin-right: 20px;
  19. }
  20. .carousel h2 {
  21. color: #475669;
  22. font-size: 22px;
  23. opacity: 1.75;
  24. line-height: 100px;
  25. margin: 0;
  26. }
  27. .carousel ul {
  28. color: #475669;
  29. font-size: 15px;
  30. opacity: 1.75;
  31. line-height: 40px;
  32. margin: 0;
  33. }
  34. .carousel-item-intro h2 {
  35. color: #ffffff;
  36. font-size: 22px;
  37. opacity: 1.75;
  38. line-height: 80px;
  39. margin: 0;
  40. }
  41. .carousel-item-intro ul {
  42. color: #ffffff;
  43. font-size: 15px;
  44. opacity: 1.75;
  45. line-height: 65px;
  46. padding: 5px;
  47. margin: 0;
  48. }
  49. .carousel-item-func h2 {
  50. color: #3f393b;
  51. font-size: 22px;
  52. opacity: 1.75;
  53. line-height: 50px;
  54. margin: 0;
  55. }
  56. .carousel-item-func ul {
  57. color: #3f393b;
  58. font-size: 15px;
  59. opacity: 1.75;
  60. line-height: 30px;
  61. text-align: left;
  62. padding-left: 90px;
  63. margin: 0;
  64. }
  65. .carousel-item-env h2 {
  66. color: #475669;
  67. font-size: 22px;
  68. opacity: 1.75;
  69. line-height: 50px;
  70. margin: 0;
  71. }
  72. .carousel-item-env ul {
  73. color: #475669;
  74. font-size: 15px;
  75. opacity: 1.75;
  76. line-height: 35px;
  77. text-align: left;
  78. padding-left: 110px;
  79. margin: 0;
  80. }
  81. .carousel-item-intro {
  82. background-color: #19aaaf73;
  83. -webkit-border-radius: 25px;
  84. border-radius: 25px;
  85. -moz-border-radius: 15px;
  86. background-clip: padding-box;
  87. box-shadow: 0 0 25px #a3b3b965;
  88. }
  89. .carousel-item-func {
  90. background-color: #19aaaf73;
  91. -webkit-border-radius: 25px;
  92. border-radius: 25px;
  93. -moz-border-radius: 15px;
  94. background-clip: padding-box;
  95. box-shadow: 0 0 25px #a3b3b965;
  96. }
  97. .carousel-item-env {
  98. background-color: #19aaaf73;
  99. -webkit-border-radius: 25px;
  100. border-radius: 25px;
  101. -moz-border-radius: 15px;
  102. background-clip: padding-box;
  103. box-shadow: 0 0 25px #a3b3b965;
  104. }
  105. .carousel-item-intro {
  106. background-color: #b95e5e;
  107. }
  108. .carousel-item-func {
  109. background-color: #52c578;
  110. }
  111. .carousel-item-env {
  112. background-color: #41a7b9;
  113. }
  114. .dr_ul{
  115. overflow-x: auto;
  116. display: -webkit-box;
  117. -webkit-overflow-scrolling: touch;
  118. margin: 0.5rem 0.5rem;
  119. }
  120. </style>