0
我正在尝试开发一个动画滑块以显示某人在系统中的当前状态,如游戏中的xp栏。它将从屏幕左侧开始移动到右侧的位置以指示状态。以角度动态设置css转换
我们正在使用一个层次系统。滑块的最大宽度已设置。问题是层数是动态的,以及每层的点数。所以我不能静态设置滑块必须移动的位置,滑块的停止位置是数据驱动的。
那么我该如何动态设置滑块的转换?
下面是代码
<div class="row">
<div class="col-sm-12">
<h2 ng-repeat="tier in tiers" style="background-color:{{tier.Color}};width:{{widthPerTier}}%">{{tier.Name}}</h2>
</div>
<img class="tractor-{{customer.Tier.Name|lowercase}}" src="../../img/tractor.png" />
</div>
在那里我有拖拉机 - {{customer.Tier.Name |小写}},是因为我已经硬编码了一些层次的去移动拖拉机(拖拉机图像是这里的滑块)
你能分享一些代码吗? –