首页 > 其他 > 详细

小程序学习2 常用小程序概念以及代码实现

时间:2018-04-25 15:49:09      阅读:167      评论:0      收藏:0      [点我收藏+]

1. 数据的绑定以及样式和事件的绑定,和if else的使用

```
<view class="usermotto" bindtap=‘clickMe‘>
<text class="user-motto">{{motto}}</text>
<text wx:if="{{isShow}}">show</text>
<text wx:else>aaaa</text>
```

 


可以不用else
for 循环

```
<view wx:for="{{rund}}" wx:for-item="item" wx:key="idx">
<text>{{item}}</text>
</view>
```

 


3. 界面的跳转有返回键的.

```
onTap:function(){
wx:navigateTo({
.url:"../../pageTeo",
success:function(){

}

})
}
//替换 没有返回键
onTap:function(){
wx:redirectTo({
.url:"../../pageTeo"
})
}

 


冒泡事件:点击子元素的事件 父元素的事件也会响应
bindtap 冒泡
catchtap 非冒泡

4:导入数据

```
var data = require(‘./data.js‘)
module.export=data
```

 


5;使用模板文件template 有样式和xml

```
<template name=‘a‘>
<view>...</view>
</template>
应用:xml
<import src="template/template.xml"/>
<template is="a"/>
```

 

上线小程序 ,今天坐哪~解决打麻将不知道该坐哪的痛苦~比较粗糙哈哈哈哈~

技术分享图片

小程序学习2 常用小程序概念以及代码实现

原文:https://www.cnblogs.com/allenxieyusheng/p/8945118.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!