- 小程序
实现微信小程序投票功能，需要使用微信小程序提供的API来处理用户投票和数据存储。以下是一个简单的投票功能示例，包括用户投票、数据存储和结果显示。
在app.js中，设置一个全局变量来存储投票结果：
App({
globalData: {
votes: {
option1: 0,
option2: 0,
option3: 0
}
}
})在pages/index/index.js中，实现投票功能：
Page({
data: {
voteOption: ''
},
onLoad: function () {
// 监听用户点击选项进行投票
this.setData({
voteOption: 'option1' // 默认选中第一个选项
})
},
vote: function (event) {
const option = event.currentTarget.dataset.option // 获取用户点击的选项
const votes = getApp().globalData.votes // 获取全局变量投票结果
// 更新投票结果
votes[option]++
// 更新页面显示结果
this.setData({
voteOption: option,
voteResult: votes
})
// 存储投票结果到本地缓存中，有效期为1天
wx.setStorageSync('votes', votes)
}
})3.在pages/index/index.wxml中，显示投票选项和结果显示
{{item}}
当前投票结果：{{voteResult}}在pages/index/index.wxss中，设置样式：
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.vote-option {
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
}
.vote-result {
padding: 20px;
font-size: 20px;
font-weight: bold;
}
