tire.vue 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313
  1. <template>
  2. <div>
  3. <breadCrumbs
  4. :main-menu="breadcrumbData.mainMenu"
  5. :current-sub-menu="breadcrumbData.currentSubMenu"
  6. :sub-menu-items="breadcrumbData.subMenuItems"
  7. />
  8. <div class="container">
  9. <div>
  10. <div class="title--wrap">
  11. <h2 class="">{{ pageTitle }}</h2>
  12. <!-- <p>{{ pageDescription }}</p> -->
  13. </div>
  14. <div class="table--wrap">
  15. <table>
  16. <colgroup></colgroup>
  17. <thead>
  18. <tr>
  19. <th>모델명</th>
  20. <th>타이어 업체</th>
  21. <th>타이어 모델명</th>
  22. <th>타이어 규격</th>
  23. <th>회전 저항 등급</th>
  24. <th>젖은 노면 제동 등급</th>
  25. <th>비고 (현재 장착 여부)</th>
  26. </tr>
  27. </thead>
  28. <tbody>
  29. <!-- Mustang 2.3 -->
  30. <!-- <tr>
  31. <td rowspan="2">Mustang 2.3</td>
  32. <td class="uppercase">PIRELLI</td>
  33. <td>Pzero</td>
  34. <td class="uppercase">255/40ZR19 96Y</td>
  35. <td>5</td>
  36. <td>1</td>
  37. <td class="uppercase">FR/RR</td>
  38. </tr> -->
  39. <!-- <tr>
  40. <td class="uppercase">PIRELLI</td>
  41. <td>Pzero</td>
  42. <td class="uppercase">255/40ZR19 100Y</td>
  43. <td>4</td>
  44. <td>2</td>
  45. <td class="uppercase">FR/RR</td>
  46. </tr> -->
  47. <!-- Mustang 5.0 -->
  48. <!-- <tr>
  49. <td rowspan="5">Mustang 5.0</td>
  50. <td rowspan="2" class="uppercase">MICHELIN</td>
  51. <td rowspan="2">Pilot Sport4 S</td>
  52. <td>255/40ZR19 (100Y)</td>
  53. <td>N/A</td>
  54. <td>N/A</td>
  55. <td>FR</td>
  56. </tr>
  57. <tr>
  58. <td>275/40ZR19 (105Y)</td>
  59. <td>N/A</td>
  60. <td>N/A</td>
  61. <td>RR</td>
  62. </tr>
  63. <tr>
  64. <td class="uppercase">PIRELLI</td>
  65. <td>Pzero</td>
  66. <td>265/40R19 98Y</td>
  67. <td>5</td>
  68. <td>1</td>
  69. <td>FR/RR</td>
  70. </tr> -->
  71. <!-- <tr>
  72. <td class="uppercase">GOODYEAR</td>
  73. <td class="uppercase">EAGLE F1 ASYMMETRIC ALL SEASON</td>
  74. <td>265/35R20 99W</td>
  75. <td>3</td>
  76. <td>4</td>
  77. <td>FR/RR</td>
  78. </tr>
  79. <tr>
  80. <td class="uppercase">PIRELLI</td>
  81. <td>Pzero</td>
  82. <td>255/40ZR19 (96Y)</td>
  83. <td>N/A</td>
  84. <td>N/A</td>
  85. <td>FR</td>
  86. </tr> -->
  87. <!-- Explorer 2.3 -->
  88. <!-- <tr>
  89. <td rowspan="4">Explorer 2.3</td>
  90. <td class="uppercase">MICHELIN</td>
  91. <td>Latitude Tour HP</td>
  92. <td>245/60R18 104H</td>
  93. <td>3</td>
  94. <td>4</td>
  95. <td></td>
  96. </tr> -->
  97. <!-- <tr>
  98. <td class="uppercase">HANKOOK</td>
  99. <td>Ventus S1 Noble2</td>
  100. <td>255/50R20 105H</td>
  101. <td>3</td>
  102. <td>3</td>
  103. <td>동일</td>
  104. </tr> -->
  105. <!-- <tr>
  106. <td class="uppercase">MICHELIN</td>
  107. <td>Primacy A/S</td>
  108. <td>255/55R20 110V</td>
  109. <td>3</td>
  110. <td>3</td>
  111. <td></td>
  112. </tr> -->
  113. <!-- <tr>
  114. <td class="uppercase">PIRELLI</td>
  115. <td>SCORPION ZERO A/S</td>
  116. <td>275/45R21 110W</td>
  117. <td>1</td>
  118. <td>2</td>
  119. <td></td>
  120. </tr> -->
  121. <!-- Explorer 3.0 -->
  122. <!--
  123. <tr>
  124. <td>Explorer 3.0</td>
  125. <td class="uppercase">PIRELLI</td>
  126. <td>SCORPION ZERO</td>
  127. <td>275/45R21 110W</td>
  128. <td>N/A</td>
  129. <td>N/A</td>
  130. <td></td>
  131. </tr> -->
  132. <!-- Explorer 3.0 PHEV -->
  133. <!-- <tr>
  134. <td>Explorer 3.0 PHEV</td>
  135. <td class="uppercase">MICHELIN</td>
  136. <td>Primacy A/S</td>
  137. <td>255/55R20 110V</td>
  138. <td>3</td>
  139. <td>3</td>
  140. <td></td>
  141. </tr> -->
  142. <!-- Explorer 3.3 FHEV -->
  143. <!-- <tr>
  144. <td>Explorer 3.3 FHEV</td>
  145. <td class="uppercase">MICHELIN</td>
  146. <td>Primacy A/S</td>
  147. <td>255/55R20 110V</td>
  148. <td>3</td>
  149. <td>3</td>
  150. <td></td>
  151. </tr> -->
  152. <!-- Ranger Raptor -->
  153. <!-- <tr>
  154. <td>Ranger Raptor</td>
  155. <td class="uppercase">GENERAL</td>
  156. <td>GRABBER AT3</td>
  157. <td>LT285/70R17 116/113S</td>
  158. <td>4</td>
  159. <td>2</td>
  160. <td></td>
  161. </tr> -->
  162. <!-- Ranger Wildtrak -->
  163. <!-- <tr>
  164. <td rowspan="2">Ranger Wildtrak</td>
  165. <td class="uppercase">CONTINENTAL</td>
  166. <td>CROSSCONTACT LX</td>
  167. <td>265/60R18 110T</td>
  168. <td>5</td>
  169. <td>4</td>
  170. <td></td>
  171. </tr>
  172. <tr>
  173. <td class="uppercase">GOODYEAR</td>
  174. <td>WRANGLER TERRITORY HT</td>
  175. <td>255/65R18 111H</td>
  176. <td>1</td>
  177. <td>4</td>
  178. <td></td>
  179. </tr>-->
  180. <!-- Expedition 3.5L -->
  181. <!--<tr>
  182. <td rowspan="2">Expedition 3.5L</td>
  183. <td class="uppercase">HANKOOK</td>
  184. <td>Dynapro HT</td>
  185. <td>285/45R22 114H</td>
  186. <td>2</td>
  187. <td>3</td>
  188. <td>PLATINUM</td>
  189. </tr>
  190. <tr>
  191. <td class="uppercase">general</td>
  192. <td>GRABBER HTS60</td>
  193. <td>285/45R22 114H</td>
  194. <td>4</td>
  195. <td>4</td>
  196. <td>PLATINUM</td>
  197. </tr> -->
  198. <!-- Bronco 2.7 -->
  199. <!-- <tr>
  200. <td>Bronco 2.7</td>
  201. <td class="uppercase">BRIDGESTON</td>
  202. <td>DUELER A/T RH-S</td>
  203. <td>255/70R18 113T</td>
  204. <td>2</td>
  205. <td>4</td>
  206. <td>OUTERBANKS</td>
  207. </tr> -->
  208. <tr>
  209. <td rowspan="2">Explorer 2.3L</td>
  210. <td>MICHELIN</td>
  211. <td>Primacy A/S</td>
  212. <td>255/55R20 110V</td>
  213. <td>3</td>
  214. <td>3</td>
  215. <td>Platinum</td>
  216. </tr>
  217. <tr>
  218. <td>PIRELLI</td>
  219. <td>SCORPION ZERO A/S</td>
  220. <td>275/45R21 110W</td>
  221. <td>1</td>
  222. <td>2</td>
  223. <td>ST-Line</td>
  224. </tr>
  225. <tr>
  226. <td>Explorer 3.0L</td>
  227. <td>BRIDGESTON</td>
  228. <td>DUELER A/T REVO3</td>
  229. <td>265/65R 112T</td>
  230. <td>4</td>
  231. <td>4</td>
  232. <td>Tremor</td>
  233. </tr>
  234. <tr>
  235. <td rowspan="2">Expedition 3.5L</td>
  236. <td>MICHELIN</td>
  237. <td>PRIMACY LTX</td>
  238. <td>275/50R22 115H</td>
  239. <td>1</td>
  240. <td>3</td>
  241. <td>Platinum</td>
  242. </tr>
  243. <tr>
  244. <td>GOODYEAR</td>
  245. <td>EAGLE TOURING</td>
  246. <td>285/40R24 112H</td>
  247. <td>2</td>
  248. <td>4</td>
  249. <td>Platinum</td>
  250. </tr>
  251. <!-- Bronco 2.3 -->
  252. <tr>
  253. <td>Bronco 2.3</td>
  254. <td class="uppercase">BRIDGESTON</td>
  255. <td>DUELER A/T RH-S</td>
  256. <td>255/70R18 113T</td>
  257. <td>2</td>
  258. <td>4</td>
  259. <td>Outerbanks</td>
  260. </tr>
  261. <!-- S650 Mustang 2.3L -->
  262. <tr>
  263. <td>S650 Mustang 2.3L</td>
  264. <td class="uppercase">PIRELLI</td>
  265. <td>Pzero</td>
  266. <td>255/40R19 96Y</td>
  267. <td>5</td>
  268. <td>1</td>
  269. <td>FR/RR</td>
  270. </tr>
  271. <!-- S650 Mustang GT 5.0L -->
  272. <tr>
  273. <td rowspan="2">S650 Mustang GT 5.0L</td>
  274. <td rowspan="2" class="uppercase">PIRELLI</td>
  275. <td rowspan="2">Pzero</td>
  276. <td>255/40ZR19 (96Y)</td>
  277. <td>5</td>
  278. <td>1</td>
  279. <td>FR</td>
  280. </tr>
  281. <tr>
  282. <td>275/40R19 (101Y)</td>
  283. <td>4</td>
  284. <td>3</td>
  285. <td>RR</td>
  286. </tr>
  287. </tbody>
  288. </table>
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. </template>
  294. <script setup>
  295. const pageTitle = "타이어 에너지 소비 효율";
  296. const pageDescription =
  297. "포드 코리아는 타이어의 에너지 소비 효율 등급 표시 정보를 소비자에게 제공합니다.";
  298. // 샘플 데이터
  299. const breadcrumbData = {
  300. mainMenu: "SHOPPING",
  301. currentSubMenu: "타이어 에너지 소비 효율",
  302. subMenuItems: [
  303. { label: "브로슈어 다운로드", to: "/ford/shopping/brochure", active: false },
  304. { label: "타이어 에너지 소비 효율", to: "/ford/shopping/tire", active: true },
  305. // { label: "신청하기", to: "/ford/shopping/apply", active: false },
  306. ],
  307. };
  308. </script>