Introducción
Personalizado Brics requieren una estructura de directorio específica para funcionar y compilar correctamente.
Bric Builder tiene la capacidad de crear nuevos diseños personalizados. Brics a partir de ejemplos de placas de caldera, su uso garantiza que todos los archivos y directorios relevantes tengan el nombre correcto y estén presentes.
Directorio
Dentro de un Bric personalizado debe haber 4 directorios.
activos – El directorio de activos se utiliza para almacenar la biblioteca Bric y colocar los archivos de ilustraciones del cursor para un Bric personalizado. La ilustración del icono de la biblioteca Bric debe llamarse icon.png (retina – icon@2x.png) y la ilustración del cursor debe llamarse cursor.png (retina – cursor@2x.png).
incluye – Cuando se agrega un Bric personalizado a una página, todos los archivos CSS y JS ubicados dentro de este directorio se agregarán automáticamente como adjuntos de la página o del proyecto, según la ubicación de inserción del Bric (Área global/dinámica). Al exportar, los recursos CSS se colocarán antes de la etiqueta de cierre del encabezado y los recursos JS se colocarán antes de la etiqueta de cierre del cuerpo. También puede agregar recursos de imagen al directorio. incluye directorio, estos se añadirán automáticamente al img directorio al exportar.
js - Todo de una costumbre Brics lógica de edición que se utiliza en el Blocs El entorno de diseño debe colocarse en este directorio, este código NO se exporta con un proyecto.
plantillas - Todo de una costumbre Brics Los archivos de plantilla deben colocarse en este directorio. Estos archivos se utilizan junto con el tiendaCustomBricTemplateVal Llamada a la API y se incluyen en la exportación final de un proyecto si es necesario.
recursos - Se puede acceder a todos los archivos ubicados dentro de este directorio mediante la llamada a la API de recursos o dentro de un Brics Contenido HTML con el código corto * ruta de recursos.
archivos
Dentro de un Bric personalizado deben estar los siguientes archivos.
index.html - Este archivo proporciona un área de trabajo básica que se utiliza cuando la edición DOM (Modelo de objetos de documento) se lleva a cabo en un Brics Contenido HTML. El encabezado puede contener varios recursos JS que se pueden cargar en el entorno de edición, el cuerpo solo debe contener la etiqueta del área de edición.
Ejemplo:
<body><editarea></editarea></body>
bric. Css – Este archivo debe contener todos los estilos necesarios para un Bric personalizado. Cuando se agrega un Bric personalizado a una página, las reglas de estilo de este archivo se agregan automáticamente a la Blocs entorno de diseño e incluido en el archivo style.css cuando se exporta un proyecto. Mantenga el CSS utilizado por un Bric personalizado aislado del archivo personalizado. Brics Solo contenido HTML, no utilice estilos que puedan afectar a los objetos DOM fuera de un Brics contenido, como el cuerpo o las etiquetas de encabezado.
datos.bric – Este es un archivo plist que contiene información variada sobre un Bric personalizado, incluido su estado HTML inicial y la interfaz de usuario de la barra lateral.