微信小程序置顶/取消置顶

wxml

<view wx:for="{{confirmlist}}" wx:for-item="confirm" wx:for-index="index" wx:key="{{ confirm.id }}" class='{{topcid==confirm.id?"top": "untop"}}' > 　　<view data-selindex="{{index}}" bindtap="top"></view>......
</view>

Page({data: {topflag:'',confirmlist:[],},// 置顶取消置顶top(e){var arr = []var confirmlist = {}this.setData({confirmlist: this.data.confirmlistyuan})var list = this.data.confirmlistvar selindex = e.currentTarget.dataset.selindexfor (let i in list) {arr.push(list[i]); //属性}var arritem = arr[selindex]arr.splice(selindex,1);console.log(selindex)if(selindex != this.data.topflag){this.setData({topflag: selindex})arr.splice(0, 0, arritem);}else{this.setData({topflag: ''})arr.splice(selindex, 0, arritem);}for (var i = 0, len = arr.length; i < len; i++) {confirmlist[i] = arr[i]}this.setData({confirmlist: confirmlist,})},})

wxss

top{top: 0px;position: fixed !important;
}

转载于:https://www.cnblogs.com/zsczsc/p/10177690.html

微信小程序置顶/取消置顶相关推荐

微信小程序——点赞和取消点赞功能的实现
这个项目是一个有前后端的微信小程序,能够发布和查看论文,并可以给论文点赞.这篇文章主要介绍点赞和取消点赞功能的实现. 一.成果展示用户没有点赞的状态(可能有点看不清,是一个空的心的图标). 点一下之 ...
微信小程序授权登录取消授权重新授权处理方法附可用代码
微信小程序授权登录基本是小程序的标配了,但是官方的demo,取消授权后,就不能再重新点击登录,除非重新加载小程序才可以,这下怎么办? 我们可以先在首页引导用户点击,然后跳转到一个新的页面,在新的页面进 ...
微信小程序退出登录取消授权
退出登录首先,最近因为要做微信小程序,所以了解了一下相关文档知识. 微信小程序退出登录功能想要取消用户授权这个在微信开发文档上有写,是不能取消的. 以下是截图其次,根据自己项目经历,发现在获取地理 ...
radio 微信小程序点击取消_微信小程序如何实现radio单选框单击打勾和取消
前端使用input 来写radio,小程序使用radio标签也可以使用单标签 1.自定义radio样式. wx默认的是真的丑 /* 单选框样式 */ /* 初始样式 */ radio .wx-rad ...
微信小程序开发工具取消用户授权
仅给和我一样粗心的人提示一下,大神不要见怪. 之前没仔细研究小程序开发工具,对界面不熟悉.开发中对小程序做了个授权,然后想取消程序的授权,在手机上可以直接操作,但是在开发工具上不行. 其实,直接把缓存 ...
android删除微信授权管理员权限,微信小程序授权登录取消授权重新授权处理方法附可用代码...
[Asm] 纯文本查看复制代码//index.js Page({ data: { userInfo: {}, hasUserInfo: false }, //事件处理函数 getinfo: func ...
微信小程序类似于点赞取消点赞计数功能
这个方法写的是单篇文章的功能,有需要那种用于后台返回多条数据列表的点赞功能可以给我留言,大家探讨这个功能写的目前是个假数据,直接上代码 html <view wx:for="{{sh ...
微信小程序 - - - 本地开发取消校验合法域名
不校验合法域名
微信小程序实战--仿知识星球(一)
发现一款好好看的app 名字叫做知识星球 (虽然整款app除了绿色就还是绿色但是还是好看啊) 不多扯我开始说我的项目吧项目地址: AndIMissU/Stars 项目视频: 项目环境和资源需求网 ...
企业级微信小程序实战详解
项目地址:github.com/wudiufo/WeC- 完成效果展示:www.bilibili.com/video/av488- 小爱心是否点赞组件 components/like 思路: like ...

微信小程序置顶/取消置顶

微信小程序置顶/取消置顶相关推荐

最新文章

热门文章

微信小程序 置顶/取消置顶

微信小程序 置顶/取消置顶相关推荐

最新文章

热门文章

微信小程序置顶/取消置顶

微信小程序置顶/取消置顶相关推荐