第二章作业

乘法口诀 

wxml中 

<text>乘法口诀</text>
<view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="z" class="z">
<view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="l" wx:if="{{z<=l}}" class="l">
{{z}}*{{l}}={{z*l}}
</view>

</view>

wxss中 

.z{
  display: flex;
  font-size: 9px;
}
.z .l{
  width: 78rpx;
  border: 1px solid red;
}

代码效果 

 水仙花

js文件 

Page({
  data: {
    sz:[],
  },
  onLoad(options) {
 let arr=[]
    for(let i=100;i<1000;i++){
    let b=parseInt(i/100)  
     let s=parseInt(i%100/10) 
     let  g=parseInt(i%100%10) 
if((b*b*b+s*s*s+g*g*g)==i){
  arr.push(i)
  console.log('水仙花数'+i)
}
    }
   this.setData({
  sz:arr.join(',')
})
  },
  onReady() {
  },
  onShow() {
  },
  onHide() {
  },
  onUnload() {
  },
  onPullDownRefresh() {
  },
  onReachBottom() {
  },
  onShareAppMessage() {
  }
})

wxml文件中 

<view>水仙花数：
<view wx:for="{{sz}}" wx:for-item="z" class="ll">
{{z}}
</view>
</view>

 wxss文件中

view{display: flex;}

代码效果 

菱形

js文件中

Page({
  data: {
    i:[1,2,3,4,5,6,7,8,9,10],
    j:[10,9,8,7,6,5,4,3,2,1],
    k:1
  },
  onLoad(options) {
  },
  onReady() {
  },
  onShow() {
  },
  onHide() {
  },
  onUnload() {
  },
  onPullDownRefresh() {
  },
  onReachBottom() {
  },
  e() {

  }
})

 wxml文件中

<text class="zl">菱形</text>

<view wx:for="{{i}}" wx:for-item="ix" class="fw">
<view wx:for="{{[4,3,2,1,0]}}"  wx:for-item="sz" wx:if="{{ix%2==1&&(2*sz+ix)==9}}">
<text decode="{{true}}" wx:for="{{sz}}">&nbsp;&nbsp;</text></view>
<view wx:for="{{ix}}" wx:if="{{ix%2==1}}" >*</view>
</view>

<view wx:for="{{j}}" wx:for-item="ix" class="fw">
  <view wx:for="{{[0,1,2,3,4]}}"  wx:for-item="sz1" wx:if="{{ix%2==1&&(2*sz1+ix)==9}}">
    <text decode="{{true}}" wx:for="{{sz1}}">&nbsp;</text></view>
  <view wx:for="{{ix}}" wx:if="{{ix%2==1}}" >*</view>
</view>

wxss文件中 

.zl{
margin-left:160px;
}
view{
  display: flex;text-align: center;
}
.fw{
  margin-left: 130px;
}

代码效果