flex佈局:小程序輸出梯狀乘法口訣表

WXML代碼

<view class='Line' wx:for='{{Nums}}' wx:for-item="i">
  <view wx:for='{{Nums}}' wx:for-item="j">
    <view wx:if="{{j<=i}}">
      {{j}}*{{i}}={{i*j}},
    </view>
  </view>
</view>

JS代碼

Page({
  data: {
    Nums: ["1", "2", "3", "4", "5", "6", "7", "8", "9"]
  }
})

WXSS代碼

.Line{
  display: flex;
  flex-direction: row;
  font-size: 24rpx;
}

效果,字體太小看不見,將就吧

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章