3.5 开发我的投票页面与使用tab栏切换页面
实现很简单,简单的列表页面,但是需要加在tabBar那里,加油。
3.5.1 开发我的投票页面
在app.js里的pages的数组里加上"pages/myVote/myVote",保存了后出现了myVote文件夹。
在myVote.wxml里加入视图层的结构:
<view class="container">
<block wx:for="{ {voteList}}">
<view class="vote" bind:tap="onTapValue" data-vote-id="item._id">{ {item.voteTitle}}</view>
</block>
</view>
在myVote.js文件中加入逻辑层的功能。代码如下:
// pages/myVote/myVote.js
Page({
/**
* 页面的初始数据
*/
data: {
voteList: [] //用户创建的投票列表,包含投票的ID和标题
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.getMyVoteListFromServer() //从服务端获取数据
},
getMyVote