微信小程序点击展开收起（点谁谁展开/收起）

HTML页面

<view class="listItem-div"> <view>作业截止日期：{{item.fiel_time}}<view class="more" data-index="{{index}}" wx:if='{{!item.zhankai}}' bindtap="zhankai">展开</view><view class="more" data-index="{{index}}" wx:if='{{item.zhankai}}' bindtap="shouqi">收起</view></view><view class="listItem-bottom" data-index="{{index}}" bindtap="jobClick">作业要求</view>
</view>
<view class="more_content" wx:if='{{item.zhankai}}'><view class="grade">成绩：</view><view class="grade_cont">{{item.evaluate}}</view><view class="grade">评语：</view><view class="grade_cont">{{item.content}}</view>
</view>

JS页面

// 已有成绩 点击展开zhankai:function(e){// console.log(e);let zk = e.currentTarget.dataset.index// console.log(zk);let list=this.data.list;// console.log(list);//变换其打开、关闭的状态list[zk].zhankai = !list[zk].zhankai || false;this.setData({list})},// 点击收起shouqi:function(e){// console.log(e);let zk = e.currentTarget.dataset.index// console.log(zk);let list=this.data.list;//变换其打开、关闭的状态list[zk].zhankai = false || !list[zk].zhankai;this.setData({list})},

微信小程序点击展开收起（点谁谁展开/收起）相关推荐

java小程序显示多种按钮_微信小程序多行文本显示...+显示更多按钮和收起更多按钮功能...
看了很多帖子,但是效果都不是很好.还是找微信小程序官方文档,自己写比较方便.自己动手丰衣足食!话不多说,上代码! 先来个效果图 html {{item.text}} 查看更多收起 wxss .box ...
微信小程序点击页面tab栏切换
微信小程序点击页面tab栏切换 wxml <view class="container"><view class="swiper-tab"&g ...
wxss 点击样式_微信小程序点击控件修改样式实例详解
微信小程序点击控件修改样式实例详解现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它. ...
微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...
微信小程序点击弹出输入框
微信小程序点击弹出输入框第一次写博客,我决定不要太old school. let's get it!最近在学习微信开发,刚接触到微信小程序,自己尝试着做了一个简单的小程序,过程中发现类似web开发中 ...
微信小程序点击tab栏切换，点击切换某个tab滚动到中间（ uniapp ）
微信小程序点击tab栏切换,点击某个tab滚动到中间( uniapp ) 之前写过原生js的tab栏滚动到中间,正好最近有个uniapp小程序项目中要用到tab切换滚动, 写个demo发出来 + 注意 ...
微信小程序点击放大图片
微信小程序点击放大图片在做微信小程序的时候遇到了这个点击放大的事件,这里记录一下 checkmap:function(e){var imageurl=this.data.mapimagesrc;co ...
微信小程序点击按钮分享指定页面
微信小程序点击按钮分享指定页面 1.在wxml里写所要点击的按钮 <button data-info='{{order}}' open-type="share" hover- ...
微信小程序点击复制功能
微信小程序点击复制功能 wx.setClipboardData({data: data, // data就是需要复制的数据success: res => {this.onClose() // 复 ...
微信小程序点击加音效
微信小程序点击加音效 1.首先微信小程序的开发文档里有这样一个方法wx.createInnerAudioContext() 2.封装方法 eggMusic(){const innerAudioCont ...

微信小程序点击展开收起（点谁谁展开/收起）

微信小程序点击展开收起（点谁谁展开/收起）相关推荐

最新文章

热门文章

微信小程序 点击展开收起（点谁谁展开/收起）

微信小程序 点击展开收起（点谁谁展开/收起）相关推荐

最新文章

热门文章

微信小程序点击展开收起（点谁谁展开/收起）

微信小程序点击展开收起（点谁谁展开/收起）相关推荐