如何在 Dulst 中为卡片添加新的主要属性？答案

【问题标题】：How to add a new main property to a card in Dulst?如何在 Dulst 中为卡片添加新的主要属性？
【发布时间】：2021-10-28 06:58:08
【问题描述】：

在Dulst游戏引擎中，如何添加除Atk和Health之外的新属性。

悬停时需要在卡片的完整信息显示中显示
在船上玩时需要显示在卡的容器上。

【问题讨论】：

请编辑问题以将其限制为具有足够详细信息的特定问题，以确定适当的答案。

标签： css rules

【解决方案1】：

进入 admin-gameplay，输入新的属性名称，在本例中我们称之为 Armor。这样做可以让系统知道有一个新属性，但它不会显示它，直到你在 CSS 中指定它
在你的测试游戏中，在聊天框中输入 /a editCSS 调出 CSS 编辑器，找到类似的代码

#cardFullInfo .cardDisplayInner
.cardFullInfo .cardDisplayInner

如果你向下滚动，你可以看到类似的代码

        [data-name='cost']
          top 10px
          left 10px
          border 3px solid costColor
        [data-name='atk']
          top 294px
          left 10px
          border 3px solid atkColor

你可以复制该部分下面的代码，然后修改它

       [data-name='cost']
         top 10px
         left 10px
         border 3px solid costColor
       [data-name='atk']
         top 294px
         left 10px
         border 3px solid atkColor

       [data-name='armor']
         top 294px
         left 10px
         border 3px solid yellow

您可以更改顶部、左侧和边框旁边的参数来控制属性的外观，记住要保持缩进一致。如果您有具有盔甲属性的卡，您应该会看到该属性。

这将使您的卡片能够在悬停时显示属性。

如果您想让该属性在船上播放时可见，您还应该更改其在容器中的代码。找到类似的代码


/*
 * Play Interface. 
 */

#playContainer
  .card
    box-shadow none

如果你向下滚动，你可以再次看到类似的代码

      &[data-name="cost"]
        statStyles()
        top .5rem
        left .5rem
        border 1px solid costColor

      &[data-name="atk"]
        statStyles()
        bottom .5rem
        left .5rem
        border 1px solid atkColor

尝试再次复制代码并按照步骤 2 进行修改。

【讨论】：