Javascript Onsenui：创建从右向左滑动按钮

ons按钮上有一个参数“animation”和“should spin”，但我如何编辑代码，以便在spin的位置显示自定义div？我不想旋转，只想按钮显示“A”，然后div向左滑动，“B”出现

---

我对Onsen.ui完全是新手，所以我不知道从哪里开始。

您需要修改模板和css

我们可以获取ons按钮的源代码并创建我的按钮，如图所示：

用法

<my-button ng-init="spin=false;" ng-click="spin = !spin" should-spin="{{spin}}" right-label="B">
    A
</my-button>

按钮\模板.html

<button ng-class="'topcoat-button--{{type}}'" class="{{item.animation}} effeckt-button topcoat-button no-select">
    <span class="label" ng-transclude></span>
    <span class="right-label">{{rightLabel}}</span>
</button>

---

您是否有一个代码示例，说明您正在尝试执行的操作？我建议您在问题上添加“onsenui”标记，以获得更多支持，正如onsenui github页面上所报告的那样

<button ng-class="'topcoat-button--{{type}}'" class="{{item.animation}} effeckt-button topcoat-button no-select">
    <span class="label" ng-transclude></span>
    <span class="right-label">{{rightLabel}}</span>
</button>

.effeckt-button > .right-label {
  transition-property: padding, opacity, left, right, top, bottom, margin;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);  
}

.effeckt-button > .right-label {
  opacity: 0;
  position: absolute;
}


.effeckt-button.slide-left > .right-label {
  left: 100%;  
}

.effeckt-button.slide-left[data-loading] > .label {
  opacity: 0;
  left: -100%;
}

.effeckt-button.slide-left[data-loading] > .right-label {
  opacity: 1;
  left: 50%;
}