目录
一,九九乘法表
.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%;
}
运行效果图
![](https://i-blog.csdnimg.cn/blog_migrate/7d6e297bd2ba9bd15a4009c0c87b0492.png)
三,打印菱形
.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;
}