networkteam/neos-mockup

此包最新版本(4.1.0)没有可用的许可信息。

提供基本模拟功能,用于内容优先方法的 Neos 包

安装次数: 10,827

依赖者: 0

建议者: 0

安全性: 0

星标: 0

关注者: 7

分支: 0

开放性问题: 1

语言:SCSS

类型:neos-package

4.1.0 2023-06-20 15:27 UTC

README

提供基本模拟功能,用于内容优先方法的 Neos 包

安装包

  1. 通过 composer 安装 neos base distribution https://www.neos.io/download-and-extend.html

  2. networkteam/neos-mockup 作为 composer 依赖项

composer require "networkteam/neos-mockup"
  1. 移除 neos/demo
composer remove package neos/demo
  1. 遵循 Neos 安装流程 (http://your-neos.site/setup) 并 创建一个新的带有示例网站的网站包
  2. 登录 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 获取压缩后的生产版本。