Tarjetas animadas para amigos

la insignia de bootstrap no funciona

Tengo una lista colapsable materializada en mi aplicación angular2. Lo que quiero hacer, es cambiar el icono del elemento de la lista cuando alguien hace clic en él. Hasta ahora he adjuntado un evento de clic en la lista. Cuando imprimo esto en la consola, veo la referencia del elemento. Así que soy capaz de mirar hacia abajo los nodos hijos y encontrar el elemento li que tiene la clase activa adjunta a la misma. Mi idea es que una vez que encuentre el elemento activo puedo cambiar el icono del nodo hijo por el nuevo. De esta manera no cambio todos los iconos. Sin embargo, cuando trato de establecer el icono al nuevo icono, obtengo TypeError: 0 es de sólo lectura. ¿Alguien sabe cómo hacer esto a través de Angular 2?
Básicamente estoy tratando de hacer un árbol desplegable utilizando materlize lista colapsable. Así que usted haga clic en un elemento que cambia su icono de un signo más a un signo menos para simular que usted está expandiendo y la contracción del elemento.
He echado un vistazo al código de Angular materialize, y parece que es una especie de ‘shim’ angular que utiliza jQuery y algunas otras soluciones para hacer que este framework CSS/JS funcione correctamente en Angular 2. Eso hace que algo como lo que quieres sea un poco más complicado de lo que sería si fuera Angular 2 puro.

el color de la insignia de bootstrap no funciona

}Ajustes visualesPuedes modificar la apariencia de cada icono utilizando:TamañosEl tamaño por defecto de todos los iconos de Kendo UI es 16px (Font-size: 16px; Width: 16px; Height: 16px). Sin embargo, Kendo UI proporciona los siguientes tamaños predefinidos para los iconos:Puede establecer cada uno de ellos utilizando la clase respectiva:Copiar código<span class=”k-icon k-i-gear k-icon-xs”></span>
<span class=”k-icon k-i-gear k-color-light”></span>También puedes aplicar cualquier color personalizado utilizando la propiedad de color CSS. Copy Code<span class=”k-icon k-i-gear” style=”color: blue;”></span>FlippingPara acomodar mejor un icono en su aplicación, voltéelo horizontalmente, verticalmente o en ambas direcciones utilizando las clases CSS predefinidas k-flip-h o/y k-flip-v.Copy Code<span class=”k-icon k-i-pencil k-flip-h”></span>

insignia de bootstrap css

Paso 2 : Añadir el archivo dist/pretty-checkbox.min.css del paquete pretty-checkbox y añadir el archivo dist/pretty-checkbox-vue.min.js del paquete pretty-checkbox-vue en su html o importar el archivo src/pretty-checkbox.scss del paquete pretty-checkbox en su archivo scss
Ocultar combinacionesLos colores pueden ser añadidos, eliminados o cambiados desde la configuración de SCSS.Iconos de fuentesPuede añadir cualquier icono de fuente para reemplazar los estilos básicos de las casillas de verificación. Hay dos clases a añadir. Primero, p-icon al elemento raíz. A continuación, añada la clase de icono junto con las clases de icono de fuente utilizando extra como ranura.Generalshow code Pay Bills Fuel refill Buy groceries
Esta biblioteca no viene con ningún icono de fuente. Es necesario añadir la biblioteca de iconos de fuente apropiada en su aplicación. En el ejemplo anterior, hemos utilizado mdi mdi-check, que es de la biblioteca de iconos de Material design. Por lo tanto, tenemos que añadir que library.SvgAdding icono svg es muy similar a la adición de iconos de la fuente. Añade la clase p-svg al elemento raíz y el svg a la etiqueta <svg> o a la etiqueta <img> ( si se utiliza la url del archivo svg como fuente img ).Código generalshow Recurrente Hecho

insignia de bootstrap arriba a la derecha

Parece que requestAnimationFrame es la forma de facto de animar cosas ahora. A mí me ha funcionado bastante bien en la mayor parte de los casos, pero ahora mismo estoy intentando hacer algunas animaciones en el lienzo y me preguntaba: ¿Hay alguna manera de asegurarse de que se ejecuta en un determinado fps? Entiendo que el propósito de rAF es para animaciones consistentemente suaves, y podría correr el riesgo de hacer mi animación entrecortada, pero ahora mismo parece correr a velocidades drásticamente diferentes bastante arbitrariamente, y me pregunto si hay una manera de combatir eso de alguna manera.
Si queremos 24 FPS nunca obtendremos los verdaderos 24 fps en la pantalla, podemos cronometrarlo como tal pero no mostrarlo ya que el monitor sólo puede mostrar fotogramas sincronizados a 15 fps, 30 fps o 60 fps (algunos monitores también 120 fps).
El propósito principal de requestAnimationFrame es sincronizar las actualizaciones con la tasa de refresco del monitor. Esto requerirá que animes a los FPS del monitor o a un factor de los mismos (es decir, 60, 30, 15 FPS para una tasa de refresco típica @ 60 Hz).
Si quieres un FPS más arbitrario entonces no tiene sentido usar rAF ya que la frecuencia de cuadros nunca coincidirá con la frecuencia de actualización del monitor de todos modos (sólo un cuadro aquí y allá) lo que simplemente no puede darte una animación suave (como con todos los retimings de cuadros) y puedes usar setTimeout o setInterval en su lugar.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad