微信小程序实现列表页的点赞和取消点赞功能
今天开发了一个文章的留言版块，于是想到要为某个留言点赞，点过赞的再次点击会取消点赞，代码如下：/*更新点赞*/ update_zan:function(e){ var that = this; var data = e.currentTarget.dataset; var mid = data.mid; var cookie_mid = wx.getStorageSync('zan') || [];//获取全部点赞的mid var isadd = 1; var newmessage...
2024-01-10微信小程序实现收藏与取消收藏切换图片功能
wxml界面使用image标签<image wx:if="{{collected}}" catchtap='onCollectionTap' src='/images/icon/collection.png'></image> <image wx:else src='/images/icon/collection-anti.png' catchtap='onCollectionTap'></image>js文件上的脚本：// pages/post_detail/post_detail.jsvar pos...
2024-01-10微信小程序实现多选框全选与取消全选功能示例
本文实例讲述了微信小程序实现多选框全选与取消全选功能。分享给大家供大家参考，具体如下：js部分：page({data: { select_all:false,listData: [{code: "111",text: "text1",typ: "type1",},{code: "021",text: "text2",typ: "type2",},{code: "111",text: "text1",typ: "type3",}]}selectall: function() {//全选与反全选var that...
2024-01-10
微信取消忙线提醒的详细教程
微信如何取消忙线提醒？微信在我们生活中起着非常重要的作用，可以通过手机网络免费发送语音短信、视频、图片和文字，还可以群聊。最近有网友问小编微信取消忙线提醒怎么操作？接下来小编为大家带来微信取消忙线提醒的方法，感兴趣的小伙伴们快来看看吧！1、首先，我们打开微信点击右下...
2024-01-10微信小程序如何实现radio单选框单击打勾和取消
前端使用input 来写radio,小程序使用radio标签 也可以使用<radio />单标签1.自定义radio样式、wx默认的是真的丑/* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{ width: 32rpx; height: 32rpx; border-radius: 0}/* 选中后的 背景样式 （ 背景 边框 ） */radio .wx-radio-input.wx-radio-input-checked{ width: 32rpx; /* 选中后对...
2024-01-10
如何取消微信小程序授权? 微信小程序取消授权的技巧
在手机微信小程序中，怎么关闭个人信息授权呢，下面我们就来看看微信小程序取消授权的教程。微信安卓版 V8.0.14 for Android 最新官方正式版类型：社交聊天大小：208MB语言：简体中文时间：2021-09-28查看详情打开个人手机，点击上方微信。进入到首页中，往下拖动界面，出现小程序页面。在出现...
2024-01-10C#窗体程序实现全屏及取消全屏步骤
由于项目需要，需要用vs窗体程序实现播放视频的窗口的全屏和取消全屏。具体实现界面如图：这是初始状态，视频框的右上角就是控制全屏的按钮这是全屏后的状态，此时全屏按钮变成了取消全屏的样式注：为了界面的美观我的全屏并没有把左边的那些控件也盖住，但是是可以设置的，下边代码...
2024-01-10
如图，微信小程序的下拉刷新已经开启，为什么只有第一次下拉起作用呀，第二次下拉就无效了？
回答：测试了,写法没有问题.在我这里按照你的写法完美.回答：如果是在模拟器里面，下来是不稳定的，如果是真机上，检查一下里面是不是有scrollview，可能滚动冲突了...
2024-01-10微信小程序商品到详情的实现
微信小程序商品到详情结构代码资源分享给大家.商品页post.wxmldata-postid="{{index}}view class="container" swiper indicator-dots indicator-color="rgba(255,255,255,0.3)" indicator-active-color="rgba(255,255,255,1)" autoplay swiper-item image src= ...商品页 post.wxmldata-postid="{{index}}...
2024-01-10微信小程序实现搜索指定景点周边美食、酒店
本文为大家分享了微信小程序实现指定景点周边的美食、酒店等搜索，供大家参考，具体内容如下以下为效果图，使用的是腾讯地图位置服务微信小程序JavaScript SDK，首先要申请腾讯地图位置服务的开发密钥，然后进行开发。wxml：<view style='width:100%;height:{{height}}px;'> <map id="map" longitude='{{poi.longitude}}'...
2024-01-10
【小程序】微信小程序 音频播放器 组件
项目地址:kPlayerkPlayer是一个微信小程序播放器组件, 引入组件后 只需要传音频url就能播放.含有播放动画, 音频进度条, 长按音频显示当前时间/总时间, 可以通过滑动组件来控制进度.通过info参数可以配置组件的外观和功能通过playbackStatus事件可以在组件外部监听播放状态项目演示...
2024-01-10
微信小程序篇：Flex布局
前置准备工作微信小程序中经常会使用的布局这一块的知识点，如果没有一个完整的知识体系，在布局的时候，经常会出现错误使用的情况，只要你掌握这篇文章内的知识点，基本上能胜任所有的Flex布局。相比较其他文章，这个文章更侧重于开发中的实际运用。而且是以演进的角度来讲解各种布局的...
2024-01-10
微信小程序 接入腾讯地图的两种写法
最近在写微信小程序，遇到了一些坑，在网上也查了好多，感觉都没有我想要的答案，刚处理了这个地图的问题，在这里总结下，希望可以帮助大家。在微信小程序中，腾讯地图的接入其实是有两种方式的，第一种调用腾讯本身的地图，第二种是使用插件 ma-route一、调用腾讯本身的地图实现结果如...
2024-01-10微信小程序网络封装(简单高效)
废话引言小程序虽然出世很久了，但一直没怎么接触到小程序开发。吉他兴趣班老师想弄一个小程序发布课程信息和打卡功能，作为IT一员就自愿加入了这个小程序开发小组中。虽然小程序面向的是前端工程师，但作为移动端程序猿感觉甚是友好，加上有点前端基础就更是觉得入手很easy啦。微信小程...
2024-01-10微信小程序：数据存储、传值、取值详解
小程序界面传值父级界面：A界面 子级界面：B界面一、url传值详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。 1. 正向传值：A界面 –>B界面用 navigator标签或 wx.navigator传值，A界面向B界面传id值A界面获取id值传向B界面如果需要传多个参数, 用 & 链接即可// 方法一：navigator标签...
2024-01-10详解微信小程序调起键盘性能优化
在小程序中，我们经常有调起键盘的操作场景，但是在不同的场景下解决方案不尽相同，还是需要具体问题具体分析。需求分析最近在项目中有一个需求，是从列表页点击评论按钮进入详情页时，在加载完页面后自动调起键盘进入评论状态。从需求来看，我们应该在onReady函数中调起键盘，因为onReady...
2024-01-10微信小程序实现点击卡片 翻转效果
动画效果： wxml:<view class='main'> <!--正面的框 --> <view class="box b1" animation="{{animationMain}}" bindtap='rotateFn' data-id="1" > <image src=""></image> </view> <!--背面的框 --> <view class="box b2" animation="{{animationBack}}" bindtap='rotateFn' data-i...
2024-01-10
微信小程序自定义底部弹出框动画
微信小程序之自定义底部弹出框动画，供大家参考，具体内容如下最近做小程序时，会经常用到各种弹框。直接做显示和隐藏虽然也能达到效果，但是体验性太差，也比较简单粗暴。想要美美地玩，添加点动画还是非常有必要的。下面做一个底部上滑的弹框。wxml<view class="modals modals-bottom-dialog" hidde...
2024-01-10全部女孩VIP服务站是干嘛的 全部女孩VIP服务站微信小程序订单信息变换注意事项
全部女孩VIP服务站其实就是李佳琦直播预告片小程序，现如今改名了，大家只要根据李佳琦直播间付钱的粉丝们，能够在某宝变换积分兑换，这种积分兑换都能在全部女孩VIP服务站换取礼品，是一种很人性化服务项目哦！全部女孩VIP服务站是干嘛的关心的佳琦小程序名称成了：全部女孩VIP服务站由于好...
2024-01-10
企业微信注册企业教程
企业微信是一个非常专业的办公软件，很多用户不知道怎么在这个软件里注册企业，其实注册非常的简单方便，需要的用户千万不要错过了哦，快点下载试试吧。 企业微信怎么注册企业： 在手机端【我】->【设置】->【切换企业】->【右上角】->选择【创建企业】。 网页端点击>>>企业微信官方...
2024-01-10
微信小程序反编译的实现
首先声明：本文章仅供学习之用，不可它用。一、前言 看到人家上线的小程序的效果，纯靠推测，部分效果在绞尽脑汁后能做出大致的实现，但是有些细节，费劲全力都没能做出来。很想一窥源码？查看究竟？看看大厂的前端大神们是如何规避了小程序的各种奇葩的坑？那么赶紧来试试吧...
2024-01-10
gmg小绿人注册教程
如果我们想要在gmg小绿人上购买游戏，但是提示需要先注册账号，不知道怎么注册的话，就可以看看下面的gmg小绿人注册教程，手把手教你如何拥有一个gmg账号。 gmg小绿人怎么注册： 1、首先打开gmg小绿人官网【点击进入】，点击右下角的“登录” 2、然后在“注册”下选择电子邮件或者手...
2024-01-10
【小程序】微信小程序实习记
关于图片图片放大后，用户可以直接保存下载参数是个数组，可以在放大后左右翻动按钮下载功能，顺序是，先下载文件，然后缓存的图片调用 saveImageToPhotoAlbumPage({// 放大handleExpend: function () {wx.previewImage({urls:[url]})}，// 下载handleDownload: function () {wx.dowloadFile({url:url,success:res=>{if (res.statusCode...
2024-01-10
微信小程序静默授权的两种方式
微信小程序授权的两种方式解密授权 wx.getUserInfoAPI文档地址js_code授权 auth.code2Session服务端文档小程序测试号地址地址这里进行扫码登陆的时候注意，如果登陆上去，没有appId等信息，就请先登陆微信开放社区，然后在打开测试号进行查看第一种需要小程序前端调用登陆，在调用获取用...
2024-01-10
WeUI for 小程序 为微信小程序量身设计
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。以下内容是纯UI库，如果想使用逻辑封装版本，请看小程序组件库 – WeUI使用样式文件...
2024-01-10微信小程序之圆形进度条实现思路
需求概要小程序中使用圆形倒计时，效果图：思路使用2个canvas 一个是背景圆环，一个是彩色圆环。使用setInterval 让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子；盒子使用相对定位作为父级，flex布局，设置居中；一个canvas，使用绝对定位作为背景，canvas-id="...
2024-01-10
微信小程序制作音乐相册
利用小程序可以轻松制作音乐相册，并且发送亲朋好友，下面给大家简单的介绍一下。1.打开微信，点击【发现】2.点击【小程序】3.搜索【动态相册DIY】4.点击打开小程序5.点击【开始制作】6.点击【添加照片】，从手机中选择图片，稍等片刻7.点击【模板】8.选择合适的【模板】...
2024-01-10
