Question

我想在梯形图项目中添加徽标，或者如果徽标不可用，只需要一个简单的文本。我只能在登录过程中添加徽标。我想添加徽标的最佳位置是导航栏，但不是必须的。

我尝试使用我的徽标更改主徽标<span class="octicon octicon-home"></span>，但无法找到位置。

我尝试将img(src='/images/logo.png', width='160')添加到templates/layouts/default.pub但我收到错误img is a self closing element: <img/> but contains nested content.它还写了There is no .container wrapping class around body blocks to allow more flexibility in design

我尝试使用javascript添加iFrame，并尝试在其上添加一些HTML代码。这也没有奏效。

我还尝试将标签或单数设置为一页，但这不是我需要的

你有什么想法吗？

Answer 1

首先，您可以在以下位置找到默认徽标：

\ node_modules \梯形\管理员\公共\图像\ logo.png

更换PNG图像后，登录屏幕将反映更新的徽标。

管理员界面的下一步，您可以查看：

\ node_modules \梯形\管理\客户\ APP \组件\导航\主\ index.js

第77行：

return (
            <PrimaryNavItem
                className={className}
                label="octicon-home"
                title={'Dashboard - ' + brand}
                to={Keystone.adminPath}
            >
                <span className="octicon octicon-home" />
            </PrimaryNavItem>

用以下内容替换范围：

return (
            <PrimaryNavItem
                className={className}
                label="octicon-home"
                title={'Dashboard - ' + brand}
                to={Keystone.adminPath}
            >
                <img src="/keystone/images/logo.png" width="20" height="20"/>
            </PrimaryNavItem>

最后在公共页面中，编辑（如果您使用的是PUG）：

\模板\布局\ default.pug

第54行：

a.navbar-brand(href='/')
    img(src='/keystone/images/logo.png' width='20' height='20')

在keystonejs导航栏中添加徽标

1 个答案: