小编Vla*_*acu的帖子

我只是从一个新项目的Keystone开始，找不到任何描述向管理UI添加自定义功能的文档。

一些我需要实现但找不到任何资源的东西：

1. 在管理员中创建不依赖于模型的新页面。在这种情况下，我需要使用自己的视图，前端JS和后端端点，但我不确定该如何包含或如何连接到管理UI。有没有实现这一目标的基石方法？
2. 自定义列表页面。例如，我有一些自定义模型，我想通过在列表中拖放来重新排序，并在表上方有一个附加的保存按钮，用于将新订单提交给端点。为此，我需要一种在各自的列表页面中注入一些自定义JS和HTML的方法，但是我什至不确定如何做到这一点。
3. 我不希望管理项目页面中的自定义字段由Keystone从模型中自动生成。有没有办法劫持特定模型类型的Keystone视图并添加自定义元素？
4. 使用来自同一模型的mongo数据声明一个新模型。例如，具有带有选择元素的“类别”模型以及其他用于选择父级的类别。

抱歉，如果这些问题已经讨论/记录在案，但我找不到与它们相关的任何信息。

感谢并期待您对这些问题的想法。

使用关键帧动画构建CSS3加载器时遇到麻烦。

装载机由4个可上下移动的盒子组成。我遇到的问题是，当动画应该停止时，框会跳到初始位置。我正在寻找的行为是：加载程序将无限动画，直到完成加载为止，此时加载程序应设置动画到初始位置并停止，这有点像具有animation-iteration-count: infinite并更改它animation-iteration-count: 1以停止动画。（顺便说一句不起作用）。

看到这个小提琴来理解我的意思：https : //jsfiddle.net/cazacuvlad/qjmhm4ma/（单击“停止”按钮时，框应设置为初始位置的动画，而不是跳动）

基本设置是：

<div class="loader-wrapper"><span></span><span></span><span></span><span></span></div>

要启动加载程序，我要向中添加一个loader-active包含动画的类loader-wrapper。

减：

.loader-wrapper {
  &.loader-active {
    span {
      .animation-name(loader);
      .animation-duration(1200ms);
      .animation-timing-function(ease-in-out);
      .animation-play-state(running);
      .animation-iteration-count(infinite);

      &:nth-child(1) {
      }
      &:nth-child(2) {
        .animation-delay(300ms);
      }
      &:nth-child(3) {
        .animation-delay(600ms);
      }
      &:nth-child(4) {
        .animation-delay(900ms);
      }
    }
  }
}

我尝试过将动画添加到loader-wrapper类w / o中的跨度中loader-active，animation-iteration-count并animation-play-state在loader-active添加时和添加时没有任何运气的情况下玩耍。

谢谢！