微信小程序-001-抽签功能-002-新建抽签

一、wxml

<view class="center">活动名称:</view>
<view class="center"><input maxlength="10" placeholder="  不能为空" bindinput="checkQuestion" placeholder-style="color:#4169E1" placeholder-class="placeholderStyle" style='box-shadow: 0 0 2rpx   #272727' />
</view>
<text>\n</text>
<view class="center">活动选项:</view><block wx:for="{{lists}}" wx:key="index"><view class="center"><input data-index="{{index}}" placeholder="选项" bindinput='bindKeyInput' placeholder-style="color:#4169E1" placeholder-class="placeholderStyle" style='box-shadow: 0 0 2rpx   #272727'></input></view><text>\n</text>
</block>
<view class=" between"><button class='add-li' bindtap='addList' size="mini">添加选项</button><button class='add-li' bindtap='delList' size="mini">删除选项</button>
</view>
<text>\n</text><button bindtap="ochou">抽签</button>

二、js

Page({/*** 页面的初始数据*/data: {lists: [{}, {}],qname: '',rid: '',},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},addList: function () {var lists = this.data.lists;var newData = {};lists.push(newData);//实质是添加lists数组内容，使for循环多一次this.setData({lists: lists,})},delList: function () {var lists = this.data.lists;lists.pop();      //实质是删除lists数组内容，使for循环少一次this.setData({lists: lists,})},//小决定的名称checkQuestion(e) {var that = this,val = e.detail.valueconsole.log(val)that.setData({qname: val,})},bindKeyInput(e) {var that = this,val = e.detail.value,index = e.currentTarget.dataset.index,lists = that.data.listsfor (let i in lists) {if (index == i) {lists[i].name = val}}that.setData({lists: lists,})console.log(lists)},ochou: function (e) {var that = this,lists = that.data.listsvar that = this,qname = that.data.qnamevar wid = wx.getStorageSync('wid')console.log('名称' + qname)console.log(lists)console.log(wid)var value = wx.getStorageSync('wid')if (!value) {var that = thiswx.showModal({title: '提示',content: '你的登录信息过期了，请重新登录',})//调用登录接口} else {if (qname.length > 0 && lists.length > 0 ) {if( lists.length >1){wx.request({url: 'https://ancientcloud.club/wx/newqian',method: 'GET',data: {lists: lists,qname: qname,wid: wx.getStorageSync('wid'),},header: {'Content-Type': 'application/x-www-form-urlencoded'},success: function (res) {//wx.setStorageSync('rid', rid);that.setData({rid: res.data,})
//var rid = wx.getStorageSync('rid'); wx.navigateTo({url: '/pages/chouqian/zroom/zroom?rid=' + res.data.rid});},fail: function (e) {wx.showToast({title: '服务器错误',duration: 2000});}})}else{wx.showModal({title: '提示',content: '一个选择的转盘，转不出另一个选择。',})}}else{wx.showModal({title: '提示',content: '内容和选项不能为空!',})}}}
})

微信小程序-001-抽签功能-002-新建抽签相关推荐

微信小程序-001-抽签功能-006-我的抽签-主界面
微信小程序-001-抽签功能-006-我的抽签-主界面目录一.wxml 二.js pages.chouqian.setqian.setqian 一.wxml <view wx:for=&qu ...
微信小程序-001-抽签功能-007-我的抽签-删除抽签
微信小程序-001-抽签功能-007-我的抽签-删除抽签目录一.wxml 二.js pages.chouqian.deleteqian.deleteqian 一.wxml 活动ID:{{rid}} ...
微信小程序原生开发功能合集一：微信小程序开发介绍
一.专栏介绍本专栏主要内容为微信小程序常用功能开发过程的介绍说明,包括开发微信小程序常用组件的封装.常用功能的开发等,提供源代码.开发过程讲解视频.完整的课程等. 组件封装: 下拉选择组件. ...
小程序录音上传服务器,微信小程序录音实现功能并上传(使用node解析接收)
微信小程序录音实现功能并上传(使用node解析接收) 发布时间:2020-09-04 11:59:06 来源:脚本之家阅读:97 作者:weixin_43188227 背景我在开发小程序的时候,有 ...
微信小程序之分享功能
一.介绍微信小程序的分享功能可以分享页面给朋友或群聊,但是不能分享到朋友圈,需要分享朋友圈的话,可以在小程序内设计一个分享页面,利用小程序提供的canvas把小程序码绘制到分享图里保存到本地分享到朋 ...
微信小程序新闻列表功能（读取文件、template）
微信小程序新闻列表功能(读取文件.template) 在之前的项目基础上进行修改,实现读取文件内容作为新闻内容进行展示. 首先,修改 post.wxml 文件,和 post.js 文件中,某些键值对键 ...
微信小程序：常用功能8——小程序视频组件中的弹幕功能
微信小程序:常用功能8--小程序视频组件中的弹幕功能昨天我们刚说了微信小程序的视频组件和分享功能微信小程序:常用功能8--在小程序添加视频组件,并将页面分享到朋友圈,今天想把弹幕功能说一下,但是感觉 ...
黯然微信小程序杂记（三）：微信小程序实现倒计时功能附讲解教学附源码
黯然微信小程序杂记(三):微信小程序实现倒计时功能附超详细注释附源码一.功能描述二.界面展示三.test.wxml代码四.test.js代码(注释很详细很易懂) CSDN私信我,有关微信 ...
微信小程序实战购物车功能
代码地址如下: http://www.demodashi.com/demo/12400.html 一.准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.com ...
微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...

微信小程序-001-抽签功能-002-新建抽签

目录

一、wxml

二、js

微信小程序-001-抽签功能-002-新建抽签相关推荐

最新文章

热门文章