1.跳转页面
微信跳转页面方式主要有两种
1> navigator标签跳转
<navigator url="href"></navigator>
2> navigateTo方法跳转
wx.navigateTo({
url: 'href'
})
2.图片
wxss不支持引入本地图片,需要转成base64格式,直接搜索图片转base64就行
1> image标签直接导入本地图片
<image src="/page/images/......"></image>
2> wxss需要把图片转成base64
.bg{
background-image: url('data:image/jpg;base64,/......')
}
3.数据更改
小程序也是通过数据控制dom的,不能通过js和jq操作dom,数据改变时需要特定的语法,不能直接更改,否则无效。
1> setData()方法
Page({
data:{
demo:'0'
}
changeFunction: function(){
this.setData({
demo: '1'
})
}
})
4.绑定方法
小程序不同于vue的@click/@change绑定,需要bindtap/bindchange等绑定
微信官方文档
1> <button bindtap="btnClick">你干嘛推人小女孩</button>
Page({
btnClick: function(){
console.log('她扒拉我')
}
})
2> 其他方法类似
5.rpx单位
微信小程序有自己的像素单位,制作页面时大部分以iphone 6 为准 1px = 2rpx / 1rpx = 0.5px
6.view = div
微信小程序里 view标签 = div标签