第二章作业

目录

一，九九乘法表

.wxml代码

.wxss代码

效果截图：

二，在控制台及页面打印水仙花数

.js代码

.wxml代码

.wxss代码

运行效果图

​编辑三，打印菱形

.wxml代码

.wxss代码

运行效果图

---

一，九九乘法表

.wxml代码

<view class='row' wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="row">
  <view class='col' wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="col" wx:if="{{row <= col}}">
    {{row}}*{{col}} = {{col*row}}
  </view>
</view>

.wxss代码

.row{
  top: 100px;
  text-align: right;
  display:flex;
  justify-content: flex-start; /* 线性布局 */
  font-size: 10px;
}
 
.row .col{
  width:45px;
}

效果截图：

二，在控制台及页面打印水仙花数

.js代码

  data: {
    po:[]
  },
updateNum(){
let qq=[];
 for (let a = 100; a < 1000; a++) {
   let b=parseInt(a/100);
   let c=parseInt(a%100/10);
   let d=parseInt(a%10);
   let e=(b*b*b)+(c*c*c)+(d*d*d);
   if(a==e){
     qq.push(e)
     console.log(e)
  }
  this.setData({
    po:qq
  })
 }
}

.wxml代码

<text class="b">{{'水仙花数:'}}</text>
<view wx:for="{{po}}" class="b" wx:for-item="am"><text>{{am}}</text></view>
<button type="primary" bind:tap="updateNum" class="a">1</butto

.wxss代码

.a{
  top: 20%;
}
.b{
  display: inline;
  top: 10%;
}

运行效果图

三，打印菱形

.wxml代码

<view wx:for="{{['*','***','*****','*******','*********']}}" wx:for-item="a" class="a">
{{a}}</view>
<view wx:for="{{['*********','*******','*****','***','*']}}" wx:for-item="b" class="a">
{{b}}</view>

.wxss代码

.a{
  top:20%;
  text-align: center;
}

运行效果图