摘要：暂时小程序方面主要用到的功能有 1. wx.navigateTo({url:xxxx})跳转到除tabbar页面的页面. 2.this.setData({}) 设置绑定数据, 3.bindtap="func" 短点击触发事件&nb
暂时小程序方面主要用到的功能有
1. wx.navigateTo({url:xxxx})跳转到除tabbar页面的页面.
2.this.setData({}) 设置绑定数据,
3.bindtap="func" 短点击触发事件
4.wx.getSystemInfoSync() 获取系统信息
5.onLoad: function(){} 页面加载触发
6.onUnload: function(){} 页面卸载触发
7.data-xx : 页面事件传值
8.wx.previewImage({current:当前放大图片路径,urls:要显示的所有图片路径}) 微信自带的图片放大预览效果
9.bindscrolltolower="func" scroll-view 拉倒底部触发的事件
沾几个比较有代表的js源码吧
var com = require('../../utils/util.js');
var page = 1;
var cat_id = 0;
var total_page = 0
var ord = 0;
// pages/goods/list.js
Page({
/**
* 页面的初始数据
*/
data: {
list: [],
height: 0,
order: 0
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// console.log(wx.getSystemInfoSync());
var sync = wx.getSystemInfoSync();
this.setData({
height: sync.windowHeight - 64
})
console.log(options);
cat_id = options.cid;
com.post('/api/home/shop_one_list', { 'cid': options.cid, page: page, order: ord}, "getCon", this);
},
//查看信息
getCon: function (e) {
console.log(e);
total_page = e.total;
this.setData({
list: this.data.list.concat(e.lists),
})
},
//获取分类
onList: function (e) {
// console.log(e)
page = page + 1;
if (total_page >= page) {
// console.log(page);
com.post('/api/home/shop_one_list', { 'cid': cat_id, page: page, order: ord}, "getCon", this);
}
},
//页面卸载
onUnload() {
page = 1;
},
//跳转详情
goDetail: function (e) {
// console.log(e);
wx.navigateTo({
url: 'details?id=' + e.currentTarget.dataset.id,
})
},
//排序
save_order: function (e) {
console.log(e);
page = 1; //初始化页面数
this.setData({
order: e.currentTarget.dataset.order
})
ord = e.currentTarget.dataset.order
com.post('/api/home/shop_one_list', { 'cid': cat_id, page: page, order: e.currentTarget.dataset.order }, "getConOrder", this);
},
//排序的页面内容重新加载
getConOrder: function (e) {
// console.log(e);
total_page = e.total;
this.setData({
list: e.lists
})
}
})var com = require('../../utils/util.js');
var img = [];
// pages/goods/details.js
Page({
/**
* 页面的初始数据
*/
data: {
con : []
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// console.log(options);
com.post('/api/home/shop_details', { id: options.id},"getCon",this)
},
getCon : function(e){
// console.log(e);
img = e.imgs
this.setData({
con : e
})
},
//放大预览
previewImage : function(e){
console.log(e);
wx.previewImage({
current: e.currentTarget.dataset.src,
urls: img
})
},
/* 加入购物车 */
goCar : function(){
console.log(e)
},
/* 立即购买 */
goOrder : function(){
console.log(e)
}
})
批改老师：天蓬老师批改时间：2019-01-13 13:44:20
老师总结：小程序中应用了大量的ES6中的技术,特别是模块加载, 现在小程序的红利期仍未过去, 还有大量的机会, 好好学
