目录结构
默认目录结构基石基于主题如下:
。├──资产├──郎├──荟萃├──模板├──config.json.├──架构.JSON.└──schematranslations.json.
资产/
这/字体/
子目录包含本地版本的主题特定字体。
├──资产│├──字体#主题字体│├──图标#徽标和UI图标│├──img#主题图像││├──付款方式#付款方式图标││├──供应商#第三方lib图标│├──JS.#javascript.││├──测试单元#测试││├──主题#全局和页面JS││└──app.js#主js文件;Page js映射了这里││──SCSS.#sassy css文件│├──组件#SCSS for UI组件│├──字体#fonts的scss│├──布局#SCSS布局│├──设置#scss变量定义│├──工具#scss函数│├──公用事业#scss实用程序│├──供应商#第三方lib scss
资产/ JS /
主题JavaScript。
├──资产││──js#javascript.││├──测试单元#测试││├──主题#全局和页面JS││└──app.js#主js文件;Page js映射了这里
郎/
语言翻译.JSON.
文件。
├──郎│├──en-ca.json#英语,加拿大│├──en.json.# 英语│├──fr-ca.json#法语,加拿大│└──fr.json.# 法语
例子:
// fr.json.{“标题”:{“欢迎回来”:“Bienvenue,{name}”}}
元/
市场截图。
├──元│───png│├──桌面_bold.png│├──桌面_light.png│├──桌面_warm.png│├── - mobile_bold.png│──mobile_light.png│─────mobile_warm.png.
模板/
主题模板HTML文件。
├──模板│├──组件││├──常见││|├──标题.html││|├──页脚.html││|├──body.html││..。│├──布局││──基础.html││..。│└──页面
config.json.
主要配置文件。
{“名称”:“基石”那“版本”:“4.9.0-rc.1”那“meta”:{......}那“css_compiler”:“scss”那“autoprefixer_cascade”:真的那“autoprefixer_browsers”:[......]那“设置”:{......}那“read_only_files”:[......]那“资源”:{......}那“变化”:[......]}
架构.JSON.
页面构建器设置模式。
[{“名称”:“i18n.global”那“设置”:[{“类型”:“标题”那“内容”:“i18n.backgroundandlines”}那{“类型”:“颜色”那“标签”:“i18n.bannerbackground”那“ID”:“颜色初级”}那......]}那{“名称”:“i18n.headerandfooter”那“设置”:[......]那}那......
schematranslations.json.
Page Builder设置的翻译。
{“i18n.global”:{“默认”:“全球的”那“fr”:“全球的”那“它”:“globale”那“英国”:“Глобально”那“Zh”:“全局”}那“i18n.backgroundandlines”:{“默认”:“背景和线条”那“fr”:“Arrière-plan et liques”那“它”:“sfondo e linee”那“英国”:“Фонталінії”那“Zh”:“背景和线路”}那“i18n.bannerbackground”:{“默认”:“横幅背景”那“fr”:“Bannièredel'Arrière计划”那“它”:“sfondo del banner”那“英国”:“ФонБанеру”那“Zh”:“横幅背景”......}