微信小程序 wx:for 打印等腰三角形

js代码

 <div class="one" wx:for="{{9}}" wx:for-item="i" wx:key="i">
  <div class="two" wx:for="{{9}}" wx:for-item="k" wx:key="k">
       <span  wx:if="{{i <k}}">
       </span>
    </div>

    <div class="two" wx:for="{{[8,7,6,5,4,3,2,1,0]}}" wx:for-item="j" wx:key="j">
      <span wx:if="{{i >j}}" >
       *
      </span>
    </div>

      <div class="two" wx:for="{{[8,7,6,5,4,3,2,1,0]}}" wx:for-item="h" wx:key="h">
      <span wx:if="{{i >=h}}" >
       *
      </span>
    </div>
    <br />
  </div>

css代码

br{
  display: block;
}
span{
  display: inline-block;
  width: 30rpx;
  text-align: center;
}

如果想要倒等腰三角 只需外层倒循环(wx:for="{{9}}"改 wx:for="{{[8,7,6,5,4,3,2,1,0]}}" )///wx:for参数是数字时从0开始