Tengo un proyecto de muestra de Vue 2 en https://github.com/ericg-vue-questions/leaflet-test
Al declarar el divIcon , tengo:
const cloudIcon = L.divIcon({ html: thecloud, className: 'my-custom-icons', iconSize: [size, size], iconAnchor: [size/2, size/2] }) y, para que el folleto vea el estilo my-custom-icons , escribí:
<style scoped> #mapContainer { width: 500px; height: 500px; } </style> <style> .my-custom-icons { background-color: red; } </style>Me gustaría que la sección de estilo se viera así:
<style scoped> #mapContainer { width: 500px; height: 500px; } .my-custom-icons { background-color: red; } </style> Pero cuando coloco my-custom-icons dentro de la sección del ámbito de los componentes, el divIcon no puede encontrarlo.
¿Puedo organizar mi sección de estilo así? ¿Si es así, cómo?
Está buscando DeepSelectors .
#mapContainer >>> .my-custom-icons { background-color: red; }