对于repeat，详情见官方文档
1 <style lang="less">
2 .userinfo {
3 display: flex;
4 flex-direction: column;
5 align-items: center;
6 }
7 .userinfo-avatar {
8 80rpx;
9 height: 80rpx;
10 border-radius: 50%;
11 }
12 .userinfo-nickname {
13 color: #aaa;
14 }
15 .order {
16 color: #f00;
17 }
18 .btn {
19 150px;
20 height: 30px;
21 color: #fff;
22 line-height: 30px;
23 text-align: center;
24 background-color: aquamarine;
25 border-radius: 10rpx;
26 margin: 5% 0;
27 }
28 .btn:active {
29 opacity: .7;
30 }
31 </style>
32
33
34 <template>
35 <view class="container">
36 <!-- 点击事件 -->
37 <view @tap="click" class='btn'>111{{num}}</view>
38 <!-- 点击传值事件 -->
39 <view @tap="clickValue({{num}})" class='btn'>666</view>
40
41
42 <!-- 循环组件:repeat -->
43 <repeat for="{{3}}" key="index" index="index" item="item">
44 <view>我要循环{{index}}次!!!</view>
45 {{index}}
46 {{item}}
47 </repeat>
48
49 </view>
50 </template>
51
52 <script>
53 /**
54 @tap="click" = bindtap
55 @tap.stop = catchtap
56 @tap.capture = capture-bind:tap
57 @tap.capture.stop = capture-catch:tap
58 @tap="click({{index}}) = bindtap="click" data-index={{index}}"
59 */
60 import wepy from 'wepy';
61 export default class Index extends wepy.page {
62
63 data = {
64 num: '我是数字'
65 };
66
67 methods = {
68 click() {
69 console.log('点击我了啊!');
70 },
71 clickValue(e) {
72 console.log('我拿data-到值了:', e);
73 }
74 };
75
76 onLoad() {
77 console.log('加载事件!');
78 }
79
80 }
81 </script>