这个篇文章继续带大家一起练习微信小程序的布局。
下面将会按照以下的顺序介绍:
-
网络请求的实现
-
工具类的实现
-
布局的实现
-
逻辑的实现
-
样式的实现
1.网络请求的实现
在js文件中通过Page()函数注册一个界面,然后在data定义一个theme对象,这个对象用来接收网络请求的结果,接着在onLoad()函数中调用wx.request进行网络请求,请求成功的数据,赋值给data中的theme对象。
-
var URL_THEME='http://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({
|
|