2024.10.1 微信九九乘法表

LHNC

已于 2024-10-01 23:07:55 修改

阅读量88

点赞数 3

分类专栏：微信小程序开发笔记文章标签：微信

于 2024-10-01 22:59:02 首次发布

本文链接：https://blog.csdn.net/llvyeriji/article/details/142675872

版权

微信小程序开发笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

.wxml

<scroll-view class="container-wrapper" scroll-x="true">
  <view class = "container1">
    <view wx:for = "{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item = "i" class = "container2">
      <view wx:for = "{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item = "j">
        <view wx:if = "{{i <= j}}">
          {{i}} * {{j}} = {{i * j}}
        </view>
      </view>
    </view>
  </view>
</scroll-view>

.wxss

.container1{
  width: 900px;
}

.container2{
  display: flex;
  flex-direction: row;
  justify-content: flex-end; /*靠右*/
}

.container2 view{
  width:100px;
}

.container-wrapper{
  white-space: nowrap;
}

倒右上三角