微信小程序for实现九九乘法表
2018-01-20 14:47
375 查看
微信小程序for实现九九乘法表
01 简单的for循环
代码:<!--pages/test/test.wxml--> <!--for循环 --> <view wx:for="{{arr}}">下标是:{{index}}当前项是:{{item}}</view>
data: { arr:[1,2,3,4,5] },
运行结果:
02 九九乘法表
代码:<!--pages/test/test.wxml--> <!--九九乘法表 --> <view class='con'> <view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="i"> <view style='display:inline-block;width:35px' wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="j"> <view wx:if="{{j<=i}}"> {{i}}*{{j}}={{i*j}} </view> </view> </view> </view>
/* pages/test/test.wxss */ .con{ font-size: 8px }
运行结果:
-END-
相关文章推荐
- 微信小程序实现美美的虚线圆形进度圈
- 微信小程序 —— 瀑布流简单写法(css3属性加wx:if判断轻松实现)
- 微信小程序实现顶部选项卡(swiper)
- 用nodejs快速实现微信小程序的websocket服务端
- 微信小程序flex盒模型实现图片与文字垂直居中
- 微信小程序实现点赞、取消点赞功能
- 微信小程序 sha1 实现密码加密
- 微信小程序实现选项卡功能
- .NET开发实现一个微信跳一跳的辅助程序
- 微信小程序城市定位的实现实例(获取当前所在国家城市信息)
- 微信小程序weapp的底层实现原理
- Android实现微信、QQ的程序前后台切换
- 微信小程序判断wx:if wx:for template
- 微信小程序 Animation实现图片旋转动画示例
- 微信小程序图片选择、上传到服务器、预览(PHP)实现实例