Commit f7cb253ead1a73f2e33da153162e1b38db06cdba
1 parent
ace2bd4b
链接
Showing
1 changed file
with
57 additions
and
0 deletions
src/views/home/index.vue
@@ -182,6 +182,45 @@ | @@ -182,6 +182,45 @@ | ||
182 | </ul> | 182 | </ul> |
183 | </div> | 183 | </div> |
184 | 184 | ||
185 | + <ul class="link-wrapper textCommonPadding"> | ||
186 | + <li> | ||
187 | + <div>关于我们</div> | ||
188 | + <p>公司简介</p> | ||
189 | + <p>公司沿革</p> | ||
190 | + <p>企业文化</p> | ||
191 | + <p>荣誉证书</p> | ||
192 | + <p>资质认证</p> | ||
193 | + </li> | ||
194 | + <li> | ||
195 | + <div>新闻中心</div> | ||
196 | + <p>公司要闻</p> | ||
197 | + <p>行业动态</p> | ||
198 | + <p>技术前沿</p> | ||
199 | + <p>团队活动</p> | ||
200 | + </li> | ||
201 | + <li> | ||
202 | + <div>解决方案</div> | ||
203 | + <p>智慧停车</p> | ||
204 | + <p>公安交通</p> | ||
205 | + <p>公共交通</p> | ||
206 | + </li> | ||
207 | + <li> | ||
208 | + <div>产品介绍</div> | ||
209 | + <p>智慧停车</p> | ||
210 | + <p>公共交通</p> | ||
211 | + <p>公共交通</p> | ||
212 | + </li> | ||
213 | + <li> | ||
214 | + <div>经典案例</div> | ||
215 | + <p>智慧停车</p> | ||
216 | + <p>公共交通</p> | ||
217 | + <p>公共交通</p> | ||
218 | + </li> | ||
219 | + </ul> | ||
220 | + | ||
221 | + | ||
222 | + | ||
223 | + | ||
185 | 224 | ||
186 | </div> | 225 | </div> |
187 | </template> | 226 | </template> |
@@ -380,5 +419,23 @@ export default { | @@ -380,5 +419,23 @@ export default { | ||
380 | .sign p:nth-of-type(2){ | 419 | .sign p:nth-of-type(2){ |
381 | font-size: 12px; | 420 | font-size: 12px; |
382 | } | 421 | } |
422 | + .link-wrapper{ | ||
423 | + display: flex; | ||
424 | + justify-content: center; | ||
425 | + } | ||
426 | + .link-wrapper li{ | ||
427 | + margin-right: 150px; | ||
428 | + } | ||
429 | + .link-wrapper li:last-of-type{ | ||
430 | + margin-right: 0; | ||
431 | + } | ||
432 | + .link-wrapper li div{ | ||
433 | + font-size: 16px; | ||
434 | + color: #333; | ||
435 | + } | ||
436 | + .link-wrapper li p{ | ||
437 | + margin-top: 10px; | ||
438 | + font-size: 12px; | ||
439 | + } | ||
383 | 440 | ||
384 | </style> | 441 | </style> |