0.脚手架
npm install -g wepy-cli
1.生命周期:
onLoad 监听页面加载
onShow 监听页面显示
onReady 监听页面初次渲染完成
onHide 监听页面隐藏
2.转发按钮
<button open-type='share'>分享</button>
自定义内容函数
onShareAppMessage:function(){
return{
title:'不转不是中国人',
pata:'/pages/login/login',
imageUrl:'/image/1.jpg'
}
}
3.绑定输入框
<input bindinput='bind'/>
获取输入内容
bind:function(e){
console.log(e.detail.value)
}
4.绑定参数
<view bindtap='tab'data-name="myname">点击</view>
获取参数
tab:function(e){
console.log(e.currentTarget.dataset)
},
5.上拉函数
onPullDownRefresh:function(){
console.log("下拉刷新")
},
6.下拉函数
onReachBottom:function(){
console.log("上拉刷新")
},
7.渲染数据
数据
brand:[
{ name: "苹果", phone: ["phone4", "phone5", "phone6", "phone7"]},
{ name: "华为", phone: ["p10", "p11", "p12", "p13"]},
{ name: "小米", phone: ["小米1", "小米2", "小米3", "小米4"]}
],
渲染
<view wx:for="{{brand}}" wx:key="{{index}}">
{{item.name}}
<view wx:for="{{item.phone}}" wx:for-item="sub"
wx:for-index="subindex" wx:key="{{subindex}}">
{{sub}}
</view
8.判断
<view wx:if="{{qian > 8000}}">
买:{{iphonex.name}},价格:{{iphonex.price}}
</view>
<view wx:elif="{{qian === 8000}}">
买:{{iphone8.name}},价格:{{iphone8.price}}
</view>
<view wx:else>
买:{{iphone6.name}},价格:{{iphone6.price}}
</view>
