es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: SVELTEKIT

Sveltekit: Estilizando enlaces activos con $page.path

Estoy trabajando en una aplicación de SvelteKit con un menú lateral que contiene enlaces. No logro que la clase activa se aplique correctamente en mis enlaces. Los enlaces son componentes en NavLink.svelte: <script> import { page } from ‘$app/stores’; import Icon from ‘$lib/Icon.svelte’; export let title; export let href; </script></p> . . . Read more

Enrutamiento anidado en home/index de SvelteKit

Estoy intentando hacer enrutamiento anidado como se muestra en la documentación: https://kit.svelte.dev/docs#layouts-nested-layouts. Sin embargo, quiero que el enrutamiento anidado ocurra en la ruta de inicio /home. En el ejemplo puedo anidar la página de configuración, pero estoy tratando de descubrir el mismo patrón para la página de inicio, ya que . . . Read more

Rutas anidadas en la generación de páginas estáticas en Svelte

Estoy creando rutas de nombres de archivo anidadas como se muestra en la imagen a continuación: Estas URL funcionan como se espera: /localhost/list/2020/prod/furn /localhost/list/2020/prod/deco /localhost/list/2021/prod/furn Sin embargo, estas URL también funcionan, pero no deberían: /localhost/list/blah/p/furn /localhost/list/2020/xxx/deco /localhost/list/furn PD: Si se elimina “list” de las URL anteriores, no funcionan. URLs de . . . Read more

Cómo usar background-image de Tailwind en SvelteKit

https://tailwindcss.com/docs/background-image#arbitrary-values Así es como quiero utilizar la función de imagen de fondo de Tailwind. Esto no funciona con SvelteKit next 160 y Tailwind 3.0.9. Código: <script> import globe from ‘$assets/bg/bg_globe2.png’ </script> <div class=”flex flex-col bg-primary-dark h-64 overflow-hidden bg-no-repeat bg-[right_-14rem_bottom_-10rem] bg-[url(‘{$globe}’)]”> //children </div> La clase bg-[right_-14rem_bottom_-10rem] funciona sin problemas, así que . . . Read more