Commit f0e42816ef3223eeda5e7f9f09fd5a44a0fc4821
1 parent
cec912a4
关于我们 资质认证
Showing
7 changed files
with
50 additions
and
4 deletions
src/assets/images/about/cultrue-con.png
0 → 100644
138 KB
src/assets/images/about/culture.png
0 → 100644
4.62 MB
src/assets/images/about/natural1.png
0 → 100644
267 KB
src/assets/images/about/natural2.png
0 → 100644
219 KB
src/assets/images/about/natural3.png
0 → 100644
270 KB
src/assets/images/about/natural4.png
0 → 100644
242 KB
src/views/about/index.vue
| @@ -42,10 +42,33 @@ | @@ -42,10 +42,33 @@ | ||
| 42 | </p> | 42 | </p> |
| 43 | </div> | 43 | </div> |
| 44 | <div class="widthCommon anchor" style="height: 400px;">2</div> | 44 | <div class="widthCommon anchor" style="height: 400px;">2</div> |
| 45 | - <div class="bgCommon"> | ||
| 46 | - <div class="widthCommon anchor" style="height: 400px;">3</div> | 45 | + <div class="cultrue-bg"> |
| 46 | + <div class="widthCommon anchor cultrue-con" style="height: 590px;"> | ||
| 47 | + | ||
| 48 | + </div> | ||
| 49 | + </div> | ||
| 50 | + <div class=" anchor" style="padding: 67px 0;text-align: center;font-size: 18px;"> | ||
| 51 | + <p>资质认证</p> | ||
| 52 | + <p style="padding: 22px 92px">COMPANY INTRODUCTION</p> | ||
| 53 | + <ul class="natural-list"> | ||
| 54 | + <li> | ||
| 55 | + <img src="../../assets/images/about/natural1.png" alt=""> | ||
| 56 | + <p>高新技术企业</p> | ||
| 57 | + </li> | ||
| 58 | + <li> | ||
| 59 | + <img src="../../assets/images/about/natural2.png" alt=""> | ||
| 60 | + <p>安防工程企业资质一级</p> | ||
| 61 | + </li> | ||
| 62 | + <li> | ||
| 63 | + <img src="../../assets/images/about/natural3.png" alt=""> | ||
| 64 | + <p>安全生产许可证</p> | ||
| 65 | + </li> | ||
| 66 | + <li> | ||
| 67 | + <img src="../../assets/images/about/natural4.png" alt=""> | ||
| 68 | + <p>质量管理体系认证（ISO9001）</p> | ||
| 69 | + </li> | ||
| 70 | + </ul> | ||
| 47 | </div> | 71 | </div> |
| 48 | - <div class="widthCommon anchor" style="height: 300px;">4</div> | ||
| 49 | <div class="widthCommon anchor" style="height: 300px;">5</div> | 72 | <div class="widthCommon anchor" style="height: 300px;">5</div> |
| 50 | 73 | ||
| 51 | </div> | 74 | </div> |
| @@ -98,6 +121,29 @@ export default { | @@ -98,6 +121,29 @@ export default { | ||
| 98 | </script> | 121 | </script> |
| 99 | 122 | ||
| 100 | <style scoped lang="scss"> | 123 | <style scoped lang="scss"> |
| 101 | - | 124 | +.cultrue-bg{ |
| 125 | + padding-top: 200px; | ||
| 126 | + background: url("../../assets/images/about/culture.png") no-repeat; | ||
| 127 | + background-size: 100% 100%; | ||
| 128 | +} | ||
| 129 | + .cultrue-con{ | ||
| 130 | + width: 1360px; | ||
| 131 | + margin: 0 auto ; | ||
| 132 | + height: 369px; | ||
| 133 | + background: url("../../assets/images/about/cultrue-con.png") no-repeat; | ||
| 134 | + background-size: 1360px 369px; | ||
| 135 | + } | ||
| 136 | + .natural-list{ | ||
| 137 | + display: flex; | ||
| 138 | + justify-content: center; | ||
| 139 | + } | ||
| 140 | +.natural-list li{ | ||
| 141 | + margin-right: 64px; | ||
| 142 | + img{ | ||
| 143 | + width: 272px; | ||
| 144 | + height: 172px; | ||
| 145 | + margin-bottom: 38px; | ||
| 146 | + } | ||
| 147 | +} | ||
| 102 | 148 | ||
| 103 | </style> | 149 | </style> |