用微信小程序 写一个九九乘法表代码

好的，以下是一个简单的微信小程序九九乘法表代码示例：

<!--index.wxml-->
<view class="container">
  <view class="title">九九乘法表</view>
  <view class="table">
    <block wx:for="{{table}}" wx:for-index="i" wx:for-item="row">
      <view class="row">
        <block wx:for="{{row}}" wx:for-index="j" wx:for-item="col">
          <view class="col">{{i+1}} × {{j+1}} = {{col}}</view>
        </block>
      </view>
    </block>
  </view>
</view>

//index.js
Page({
  data: {
    table: [],
  },
  onLoad: function () {
    // 初始化九九乘法表数据
    let table = [];
    for (let i = 0; i < 9; i++) {
      let row = [];
      for (let j = 0; j < 9; j++) {
        row.push((i + 1) * (j + 1));
      }
      table.push(row);
    }
    this.setData({
      table: table
    });
  }
})

/*index.wxss*/
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  font-size: 28rpx;
}
.title {
  font-size: 36rpx;
  font-weight: bold;
  margin-bottom: 30rpx;
}
.table {
  border: 1rpx solid #ccc;
  border-collapse: collapse;
}
.row {
  display: flex;
  flex-direction: row;
}
.col {
  width: 100rpx;
  height: 100rpx;
  border: 1rpx solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}

这个小程序的界面比较简单，主要是展示一个九九乘法表。在 `onLoad` 生命周期函数中，我们初始化了一个 `table` 数组，存储了九九乘法表的数据。在 `wxml` 文件中，我们使用 `wx:for` 指令循环渲染出了这个表格，并使用插值语法 `{{}}` 将数据填充到表格中。如果需要更复杂的九九乘法表，还可以通过动态生成节点等方式实现。