微信小程序抽签怎么用,抽签小程序怎么弄

微信小程序-001-抽签功能-006-我的抽签-主界面

一、wxml <view wx:for="{{list}}" wx:key="list" ><view class="center">活动名称:"{{item.qname}}"</view><text>n</text><button data-rid="{{item.rid}}" bindtap="chou">抽签</button><text>n</text><button data-rid="{{item.rid}}" bindtap="viewItem">设置</button><text>n</text></view><view class="center"><view wx:if='{{list<5 }}' >您尚未创建抽签活动</view></view> 二、js Page({ /** * 页面的初始数据 */ data: { wid: "", items: [], rid: "rid", }, /** * 生命周期函数--监听页面加载 */ onLoad: function () { }, viewItem: function (event) { console.log(event) var rid = event.currentTarget.dataset.rid wx.navigateTo({ url: '../dqian/dqian?rid=' + rid }) }, chou: function (event) { console.log(event) var rid = event.currentTarget.dataset.rid wx.navigateTo({ url: '../zroom/zroom?rid=' + rid }) }, onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function (options) { var that = this var value = wx.getStorageSync('wid') if (!value) { var that = this wx.showModal({ title: '提示', content: '你的登录信息过期了，请重新登录', }) //调用登录接口 } else { wx.request({ url: 'https://ancientcloud.club/wx/sqian', data: { wid: wx.getStorageSync('wid'), }, header: { 'content-type': 'application/x-www-form-urlencoded' }, success: function (res) { console.log(res.data) that.setData({ list: res.data, }) } }) } },})