networkteam / neos-mockup
此包最新版本(4.1.0)没有可用的许可信息。
提供基本模拟功能,用于内容优先方法的 Neos 包
4.1.0
2023-06-20 15:27 UTC
Requires
- neos/fusion-afx: *
- neos/neos: ^4.0 || ^5.0 || ^7.0 || ^8.0
- neos/neos-ui: *
This package is auto-updated.
Last update: 2024-09-17 15:03:47 UTC
README
提供基本模拟功能,用于内容优先方法的 Neos 包
安装包
-
通过 composer 安装 neos base distribution https://www.neos.io/download-and-extend.html
-
将
networkteam/neos-mockup
作为 composer 依赖项
composer require "networkteam/neos-mockup"
- 移除
neos/demo
包
composer remove package neos/demo
- 遵循 Neos 安装流程 (http://your-neos.site/setup) 并 创建一个新的带有示例网站的网站包
- 登录 Neos 后端 (http://your-neos.site/neos)
模拟页面使用
将页面的原型设置为 Networkteam.Neos.Mockup.Page
模拟头部使用
将头部的原型设置为 Networkteam.Neos.Mockup:Components.Molecules.Header
模拟主体使用
将主体的原型设置为 Networkteam.Neos.Mockup:Components.Templates.Page
模拟导航使用
将导航的原型设置为 Networkteam.Neos.Mockup:Components.Organisms.Navbar
若要使用自定义标志/标题或其他内容,您可以覆盖某些属性。例如。
prototype(Networkteam.Neos.Mockup:Components.Organisms.Navbar) {
title = ${site.context.currentSite.name}
alt = ''
titleEntity = Your.Custom.Package:Components.Atoms.Logo {
title=${props.title}
alt=${props.alt}
imageSrc = Neos.Fusion:ResourceUri {
path = 'resource://Your.Custom.Package/Public/Images/logos/logo.svg'
}
link = Neos.Neos:NodeUri {
node = ${site}
}
}
}
占位符使用
安装后,您可以像使用任何其他 Neos 内容组件一样使用占位符组件。
自定义样式/贡献
使用 yarn
安装依赖项。
我们将样式表的创建移动到了 SCSS。可以通过使用 yarn start
进行编译,这是一个用于开发的监视器。使用 yarn build
获取压缩后的生产版本。