使用wx:for 和 wx:if 实现九九乘法口诀的上三角和下三角展示；

在微信小程序的WXML模板中，可以使用`<view>`标签配合`wx:for`和`wx:if`来动态生成九九乘法表的上三角和下三角部分。这里是一个简单的例子：

<view class="table">
  <template wx:for="{{rows}}" wx:key="*this">
    <!-- 上三角部分 -->
    <template wx:if="{{rowIndex <= columnIndex}}">
      <span>{{row}}{{columnIndex == 1 ? '*' : 'x'}}{{column}}</span>
    </template>
    
    <!-- 下三角部分 -->
    <template wx:else-if="{{rowIndex == columnIndex + 1}}">
      <span>{{row}}= {{column * rowIndex}}</span>
    </template>

    <!-- 每行结束添加换行符 -->
    <template wx:elif="{{index % columns === 0}}">
      <br/>
    </template>
  </template>
</view>

在这个示例中，`rows`数据应该是个二维数组，表示乘法规则，如`[[1,2,3,...], [2,4,6,...], ...]`。`rowIndex`和`columnIndex`分别代表当前元素所在的行和列。

注意，你需要在对应的JS文件中设置`data`属性，并初始化`rows`，同时处理计算结果，例如：

Page({
  data: {
    rows: [], // 初始化为9x9的数组
    // 其他配置...
  },
  onLoad() {
    for (let i = 1; i <= 9; i++) {
      const row = [];
      for (let j = 1; j <= i; j++) {
        row.push(j); // 上三角存储每个数
        if (j <= i) { // 下三角存储结果
          row.push(`${i}x${j}=${i*j}`);
        }
      }
      this.setData({ rows: [...this.data.rows, row] });
    }
  },
})