这个篇文章继续带大家一起练习微信小程序的布局。
下面将会按照以下的顺序介绍:
-
网络请求的实现
-
工具类的实现
-
布局的实现
-
逻辑的实现
-
样式的实现
1.网络请求的实现
在js文件中通过Page()函数注册一个界面,然后在data定义一个theme对象,这个对象用来接收网络请求的结果,接着在onLoad()函数中调用wx.request进行网络请求,请求成功的数据,赋值给data中的theme对象。
-
var URL_THEME='https://news-at.zhihu.com/api/4/theme/11'; Page({ data:{ theme:{} }, /** * 加载网络上的数据 */ onLoad: function () { console.log('--onLoad--'); var that=this; wx.request({ url: URL_THEME, method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT success: function(res){ that.setData({