|
| 1 | +--- |
| 2 | +# https://vitepress.dev/reference/default-theme-home-page |
| 3 | +layout: home |
| 4 | + |
| 5 | +hero: |
| 6 | + name: 'axios docs' |
| 7 | + text: 'axios es un cliente HTTP simple para el navegador y Node.js' |
| 8 | + image: |
| 9 | + dark: /logo.svg |
| 10 | + light: /logo-light.svg |
| 11 | + alt: axios |
| 12 | + actions: |
| 13 | + - theme: brand |
| 14 | + text: Comenzar |
| 15 | + link: /es/pages/getting-started/first-steps |
| 16 | + - theme: alt |
| 17 | + text: Referencia de API |
| 18 | + link: /es/pages/advanced/api-reference |
| 19 | + |
| 20 | +features: |
| 21 | + - title: Implementación sencilla |
| 22 | + details: Comenzar con axios es tan simple como una sola línea de código. Las solicitudes API básicas se pueden realizar en 2 líneas de código. |
| 23 | + - title: Interceptores potentes |
| 24 | + details: Nuestro innovador sistema de interceptores le permite controlar el ciclo de vida de solicitudes y respuestas. Puede modificar solicitudes, respuestas y errores. |
| 25 | + - title: Soporte para TypeScript |
| 26 | + details: axios declara tipos y tiene soporte completo para TypeScript. Esto significa que puede usar axios con confianza en sus proyectos TypeScript. |
| 27 | +--- |
| 28 | + |
| 29 | +<script setup> |
| 30 | +import Splide from '@splidejs/splide'; |
| 31 | +import { onMounted } from 'vue'; |
| 32 | +import allSponsors from '../data/sponsors.json'; |
| 33 | + |
| 34 | +onMounted(() => { |
| 35 | + new Splide( |
| 36 | + '.splide', |
| 37 | + { |
| 38 | + type: 'loop', |
| 39 | + autoplay: true, |
| 40 | + interval: 3000, |
| 41 | + perPage: 5, |
| 42 | + perMove: 1, |
| 43 | + gap: 10, |
| 44 | + snap: true, |
| 45 | + pagination: false, |
| 46 | + breakpoints: { |
| 47 | + 1200: { |
| 48 | + perPage: 4, |
| 49 | + }, |
| 50 | + 960: { |
| 51 | + perPage: 3, |
| 52 | + }, |
| 53 | + 640: { |
| 54 | + perPage: 2, |
| 55 | + }, |
| 56 | + 480: { |
| 57 | + perPage: 1, |
| 58 | + }, |
| 59 | + }, |
| 60 | + } |
| 61 | + ).mount(); |
| 62 | +}); |
| 63 | + |
| 64 | +const activePlatinumSponsors = allSponsors.platinum.filter((sponsor) => sponsor.active); |
| 65 | +const activeGoldSponsors = allSponsors.gold.filter((sponsor) => sponsor.active); |
| 66 | +const activeSilverSponsors = allSponsors.silver.filter((sponsor) => sponsor.active); |
| 67 | + |
| 68 | +const sponsors = [...activePlatinumSponsors, ...activeGoldSponsors, ...activeSilverSponsors]; |
| 69 | + |
| 70 | +const capitalizeFirstLetter = (word) => { |
| 71 | + return String(word).charAt(0).toUpperCase() + String(word).slice(1); |
| 72 | +}; |
| 73 | +</script> |
| 74 | +< link rel= "stylesheet" href= "https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css"> |
| 75 | + |
| 76 | +<div style="margin: 0 auto; max-width: 1200px;"> |
| 77 | + <h3 style="line-height: 64px;font-size: 28px;letter-spacing: -0.4px;font-weight: 600;margin-top: 2rem;">Patrocinadores</h3> |
| 78 | +</div> |
| 79 | +<div v-if="sponsors.length > 0" :class="$style.container" class="splide"> |
| 80 | + <div class="splide__track"> |
| 81 | + <div role="list" class="splide__list"> |
| 82 | + <div v-for="(sponsor, key) in sponsors" :key="sponsor.name" :class="$style.cardWrapper" :style="key === 0 ? 'margin-left: 0.5rem' : key === sponsors.length - 1 ? 'margin-right: 0.5rem' : ''" class="splide__slide"> |
| 83 | + <div :class="$style.imgWrapper"> |
| 84 | + <img :class="$style.img" :src="sponsor.imageUrl" alt="" /> |
| 85 | + </div> |
| 86 | + <div style="padding-left: 0.5rem; padding-right: 0.5rem; height: 100%;"> |
| 87 | + <p :class="$style.heading">{{ sponsor.name }}</p> |
| 88 | + <dl :class="$style.cardDl"> |
| 89 | + <dd style="margin-top: 0.75rem; margin-inline-start: 0px;"> |
| 90 | + <span :class="$style[`tagSponsor${capitalizeFirstLetter(sponsor.tier)}`]">{{ capitalizeFirstLetter(sponsor.tier) }}</span> |
| 91 | + </dd> |
| 92 | + </dl> |
| 93 | + </div> |
| 94 | + <div> |
| 95 | + <div :class="$style.linksWrapper"> |
| 96 | + <div :class="$style.link"> |
| 97 | + <a :href="sponsor.website" :class="$style.rightLink" target="_blank"> |
| 98 | + <div :class="$style.linkIcon"> |
| 99 | + <svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
| 100 | + <path stroke-linecap="round" stroke-linejoin="round" d="m20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525"></path> |
| 101 | + </svg> |
| 102 | + </div> |
| 103 | + </a> |
| 104 | + </div> |
| 105 | + <div v-if="sponsor.twitter" :class="$style.link" style="margin-left: -1px;"> |
| 106 | + <a :href="sponsor.twitter" :class="$style.leftLink" target="_blank"> |
| 107 | + <div :class="$style.linkIcon"> |
| 108 | + <svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" fill="currentColor" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 462.799"><path fill-rule="nonzero" d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z"/></svg> |
| 109 | + </div> |
| 110 | + </a> |
| 111 | + </div> |
| 112 | + </div> |
| 113 | + </div> |
| 114 | + </div> |
| 115 | + </div> |
| 116 | + </div> |
| 117 | +</div> |
| 118 | + |
| 119 | +<style module> |
| 120 | +.container { |
| 121 | + display: flex; |
| 122 | + margin: 0 auto; |
| 123 | + max-width: 1200px; |
| 124 | +} |
| 125 | + |
| 126 | +.cardWrapper { |
| 127 | + display: flex; |
| 128 | + flex-direction: column; |
| 129 | + grid-column: span 1 / span 1; |
| 130 | + border-radius: 0.5rem; |
| 131 | + border: 1px solid var(--vp-c-gutter) !important; |
| 132 | + text-align: center; |
| 133 | + background-color: var(--card-background-color) !important; |
| 134 | + width: 100%; |
| 135 | + max-width: 11.5rem; |
| 136 | + scroll-snap-align: center; |
| 137 | + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); |
| 138 | + flex-shrink: 0 !important; |
| 139 | + margin-bottom: 0.5rem !important; |
| 140 | + margin-top: 0.5rem !important; |
| 141 | + margin-left: auto; |
| 142 | + margin-right: auto; |
| 143 | +} |
| 144 | + |
| 145 | +.imgWrapper { |
| 146 | + display: flex; |
| 147 | + padding: 1.75rem; |
| 148 | + padding-bottom: 0.75rem; |
| 149 | + flex-direction: column; |
| 150 | + flex: 1 1 0%; |
| 151 | + align-items: center; |
| 152 | + justify-content: center; |
| 153 | +} |
| 154 | + |
| 155 | +.img { |
| 156 | + width: 8rem; |
| 157 | + height: 8rem; |
| 158 | +} |
| 159 | + |
| 160 | +.heading { |
| 161 | + -webkit-line-clamp: 2; |
| 162 | + -webkit-box-orient: vertical; |
| 163 | + overflow: hidden; |
| 164 | + height: 3rem; |
| 165 | + margin-top: 1rem !important; |
| 166 | + font-size: 1rem !important; |
| 167 | + line-height: 1.5rem !important; |
| 168 | + font-weight: 600 !important; |
| 169 | + color: var(--vp-c-text-1) !important; |
| 170 | + text-wrap-style: pretty; |
| 171 | + display: -webkit-box; |
| 172 | +} |
| 173 | + |
| 174 | +.cardDl { |
| 175 | + display: flex; |
| 176 | + margin-top: 0.25rem; |
| 177 | + flex-direction: column; |
| 178 | + flex-grow: 1; |
| 179 | + justify-content: space-between; |
| 180 | +} |
| 181 | + |
| 182 | +.tagSponsorPlatinum { |
| 183 | + display: inline-flex; |
| 184 | + padding-top: 0.25rem; |
| 185 | + padding-bottom: 0.25rem; |
| 186 | + padding-left: 0.5rem; |
| 187 | + padding-right: 0.5rem; |
| 188 | + align-items: center; |
| 189 | + border-radius: 9999px; |
| 190 | + box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 191 | + --tw-ring-inset: inset; |
| 192 | + font-size: 0.75rem; |
| 193 | + line-height: 1rem; |
| 194 | + font-weight: 500; |
| 195 | + color: #000; |
| 196 | + background-color: #E5E7EB; |
| 197 | +} |
| 198 | + |
| 199 | +.tagSponsorGold { |
| 200 | + display: inline-flex; |
| 201 | + padding-top: 0.25rem; |
| 202 | + padding-bottom: 0.25rem; |
| 203 | + padding-left: 0.5rem; |
| 204 | + padding-right: 0.5rem; |
| 205 | + align-items: center; |
| 206 | + border-radius: 9999px; |
| 207 | + box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 208 | + --tw-ring-inset: inset; |
| 209 | + font-size: 0.75rem; |
| 210 | + line-height: 1rem; |
| 211 | + font-weight: 500; |
| 212 | + color: #FFF; |
| 213 | + background-color: #F59E0B; |
| 214 | +} |
| 215 | + |
| 216 | +.tagSponsorSilver { |
| 217 | + display: inline-flex; |
| 218 | + padding-top: 0.25rem; |
| 219 | + padding-bottom: 0.25rem; |
| 220 | + padding-left: 0.5rem; |
| 221 | + padding-right: 0.5rem; |
| 222 | + align-items: center; |
| 223 | + border-radius: 9999px; |
| 224 | + box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 225 | + --tw-ring-inset: inset; |
| 226 | + font-size: 0.75rem; |
| 227 | + line-height: 1rem; |
| 228 | + font-weight: 500; |
| 229 | + color: #FFF; |
| 230 | + background-color: #9CA3AF; |
| 231 | +} |
| 232 | +.tagSponsorBronze { |
| 233 | + display: inline-flex; |
| 234 | + padding-top: 0.25rem; |
| 235 | + padding-bottom: 0.25rem; |
| 236 | + padding-left: 0.5rem; |
| 237 | + padding-right: 0.5rem; |
| 238 | + align-items: center; |
| 239 | + border-radius: 9999px; |
| 240 | + box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 241 | + --tw-ring-inset: inset; |
| 242 | + font-size: 0.75rem; |
| 243 | + line-height: 1rem; |
| 244 | + font-weight: 500; |
| 245 | + color: #FFF; |
| 246 | + background-color: #854D0E; |
| 247 | +} |
| 248 | + |
| 249 | +.tagSponsorBacker { |
| 250 | + display: inline-flex; |
| 251 | + padding-top: 0.25rem; |
| 252 | + padding-bottom: 0.25rem; |
| 253 | + padding-left: 0.5rem; |
| 254 | + padding-right: 0.5rem; |
| 255 | + align-items: center; |
| 256 | + border-radius: 9999px; |
| 257 | + box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 258 | + --tw-ring-inset: inset; |
| 259 | + font-size: 0.75rem; |
| 260 | + line-height: 1rem; |
| 261 | + font-weight: 500; |
| 262 | + color: #FFF; |
| 263 | + background-color: #2563EB; |
| 264 | +} |
| 265 | + |
| 266 | +.linksWrapper { |
| 267 | + display: flex; |
| 268 | + margin-top: -1px; |
| 269 | +} |
| 270 | + |
| 271 | +.link { |
| 272 | + display: flex; |
| 273 | + flex: 1 1 0%; |
| 274 | + width: 0; |
| 275 | +} |
| 276 | + |
| 277 | +.rightLink { |
| 278 | + display: inline-flex; |
| 279 | + position: relative; |
| 280 | + padding-top: 1rem; |
| 281 | + padding-bottom: 1rem; |
| 282 | + margin-right: -1px; |
| 283 | + flex: 1 1 0%; |
| 284 | + column-gap: 0.75rem; |
| 285 | + justify-content: center; |
| 286 | + align-items: center; |
| 287 | + border-bottom-left-radius: 0.5rem; |
| 288 | + border-top: 1px; |
| 289 | + border-right: 1px; |
| 290 | + border-left: 0px; |
| 291 | + border-bottom: 0px; |
| 292 | + border-style: solid; |
| 293 | + border-color: var(--vp-c-gutter); |
| 294 | + width: 0; |
| 295 | + font-size: 0.875rem; |
| 296 | + line-height: 1.25rem; |
| 297 | + font-weight: 600; |
| 298 | + color: #111827; |
| 299 | +} |
| 300 | + |
| 301 | +.leftLink { |
| 302 | + display: inline-flex; |
| 303 | + position: relative; |
| 304 | + padding-top: 1rem; |
| 305 | + padding-bottom: 1rem; |
| 306 | + flex: 1 1 0%; |
| 307 | + column-gap: 0.75rem; |
| 308 | + justify-content: center; |
| 309 | + align-items: center; |
| 310 | + border-bottom-right-radius: 0.5rem; |
| 311 | + border-top: 1px; |
| 312 | + border-left: 0px; |
| 313 | + border-bottom: 0px; |
| 314 | + border-right: 0px; |
| 315 | + border-style: solid; |
| 316 | + border-color: var(--vp-c-gutter); |
| 317 | + width: 0; |
| 318 | + font-size: 0.875rem; |
| 319 | + line-height: 1.25rem; |
| 320 | + font-weight: 600; |
| 321 | + color: #111827; |
| 322 | +} |
| 323 | + |
| 324 | +.linkIcon { |
| 325 | + width: 1.25rem; |
| 326 | + height: 1.25rem; |
| 327 | + color: #9CA3AF; |
| 328 | +} |
| 329 | +</style> |
0 commit comments