小程序
Mr.Meng_95
这个作者很懒,什么都没留下…
展开
-
选课小程序源码
选课小程序源码原创 2023-06-10 14:56:47 · 265 阅读 · 0 评论 -
目前常用的微信小程序第三方echarts库
目前常用的微信小程序第三方echarts库原创 2023-06-08 16:38:30 · 200 阅读 · 0 评论 -
微信小程序云开发读取数据超过20,云函数读取超过100条限制
微信小程序云开发读取数据超过20,云函数读取超过100条限制,获取云开发数据库集合里的所有数据的方法原创 2023-06-05 15:32:05 · 450 阅读 · 0 评论 -
商城秒杀倒计时函数封装
商城秒杀倒计时函数封装原创 2023-06-05 15:26:51 · 60 阅读 · 0 评论 -
getLocation:fail auth deny
getLocation:fail auth deny原创 2023-06-03 19:06:46 · 1459 阅读 · 0 评论 -
小程序点击事件传参
微信小程序可以通过直接写 data-index=“1” 进行数据的绑定 ,利用 bindtap 点击事件执行函数从而获取到参数信息。翻译 2023-02-03 10:28:35 · 1187 阅读 · 0 评论 -
微信小程序的模块化
微信小程序的模块化原创 2023-02-01 14:21:28 · 876 阅读 · 0 评论 -
微信小程序App()方法与getApp()方法
微信小程序App()方法与getApp()方法转载 2022-12-22 10:47:11 · 3312 阅读 · 0 评论 -
小程序使用富文本编辑器以及使用wxParse解析html结构
小程序使用富文本编辑器以及使用wxParse解析html结构 13小程序发布文章功能(富文本编辑器的使用和解析html结构数据的wxParse)原创 2022-02-27 21:39:50 · 385 阅读 · 0 评论 -
微信小程序超出省略号
微信小程序超出省略号单行文本超出width: 500rpx;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-break:break-all;多行超出display: -webkit-box; /*设置为弹性盒子*/-webkit-line-clamp: 5; /*最多显示5行*/overflow: hi原创 2021-10-10 19:11:42 · 277 阅读 · 0 评论 -
小程序跳转传参数报错Unexpected end of JSON input
小程序跳转传参数报错Unexpected end of JSON input报错原因所传参数中有不识别的字符,所以报这个错误,我传的是html结构的数据解决使用encodeURIComponent编码var data = JSON.stringify(item.currentTarget.dataset.item)wx.navigateTo({ url: '/pages/main/message?editdata=' + encodeURIComponent(data),})onLo原创 2021-10-10 13:22:52 · 213 阅读 · 0 评论 -
小程序富文本editor首行缩进
小程序富文本editor首行缩进思路自定义一个工具icon,点击这个icon就在html文本上添加一个空格符效果图代码在editor.wxml上添加如下代码<i class="iconfont" bindtap="indentClick"> ➔ </i>在editor.js里添加如下方法indentClick(){ // 点击添加缩进 this.editorCtx.insertText({ text: "ㅤㅤ" })},.........原创 2021-10-05 21:46:43 · 3003 阅读 · 0 评论 -
小程序使用wxParse解析html
小程序使用wxParse解析html使用步骤1、从githab拉下wxParse源码,将wxParse拿出来放在自己项目里自己项目里2、wxml// 这里大家按照自己的路径导入<import src="../../../../utils/wxParse/wxParse.wxml"/><view> <template is="wxParse" data="{{wxParseData:article.nodes}}"/></view>3、原创 2021-09-29 17:56:11 · 589 阅读 · 0 评论 -
小程序下拉刷新
小程序下拉刷新onPullDownRefresh: function () { // 下拉刷新 var page = getCurrentPages().pop(); // 得到这个页面对象 page.onLoad(); // 调用页面的onLoad()方法进行刷新页面 wx.stopPullDownRefresh() // 刷新成功后停止下拉刷新},...原创 2021-09-28 22:00:20 · 71 阅读 · 0 评论 -
微信小程序点击复制功能
微信小程序点击复制功能wx.setClipboardData({ data: data, // data就是需要复制的数据 success: res => { this.onClose() // 复制后干吗,我是弹层上复制,复制后调用关闭弹层 }})复制成功后显示 内容已复制...原创 2021-09-26 10:23:47 · 428 阅读 · 0 评论 -
微信小程序 获取当前日期时间最简版本
微信小程序 获取当前日期时间最简版本代码// 当前日期 YYYY-MM-DDconsole.log(new Date().toISOString().substring(0, 10));console.log(new Date().toJSON().substring(0, 10)); // 当前日期 YYYY/MM/DDconsole.log(new Date().toLocaleDateString());// 当前时间 hh:mm:ss console.log(new D转载 2021-09-26 10:16:56 · 821 阅读 · 0 评论 -
van-swipe-cell点击删除或者收藏传值执行事件
van-swipe-cell点击删除或者收藏传值效果wxml<view><!-- 兑换列表 --><van-swipe-cell wx:for="{{dataList}}" wx:key="index" id="swipe-cell" right-width="{{ 65 }}" async-close data-item="{{item}}" // 要想把点击数据传过去必须加这行 bind:close="onClose">原创 2021-09-25 01:21:47 · 2637 阅读 · 1 评论 -
van-swipe-cell的使用
van-swipe-cell的使用效果 (向左拖动出现删除)点击删除wxml<view><!-- 数据列表 --><van-swipe-cell id="swipe-cell" right-width="{{ 65 }}" async-close bind:close="onClose"> <van-cell-group> <van-cell title="单元格" value="内容" /> &l原创 2021-09-25 00:26:12 · 3506 阅读 · 0 评论 -
微信小程序-删除时提示是否确定删除
微信小程序-删除时提示是否确定删除效果代码wx.showModal({content: '确定要删除吗?', success: function (sm) { if (sm.confirm) { // 用户点击了确定 可以调用删除方法了 } else if (sm.cancel) { console.log('用户点击取消') } }}) 成功/失败的提示wx.showToast({title: "添加成功", icon:原创 2021-09-25 00:20:00 · 708 阅读 · 0 评论 -
小程序vant组件库报错[渲染层错误] Ignored attempt to cancel a touchmove event with cancelable=false, for example b
小程序使用van-swipe-cell滑动报错意思就是有一个设置cancelable=false的touchmove事件和其他某个滚动的操作冲突了解决:在其外层添加 touch-action: none;就可以了.van-cell { touch-action: none;}touch-action :当你触摸并按住触摸目标时候,禁止或显示系统默认菜单。touch-action取值有一下两种none:系统默认菜单被禁用default:系统默认菜单不被禁用.........原创 2021-09-25 00:08:07 · 6493 阅读 · 5 评论 -
小程序实现下拉刷新页面
小程序实现下拉刷新页面 onPullDownRefresh: function () { // 下拉刷新 var page = getCurrentPages().pop(); // 得到这个页面对象 page.onLoad(); // 调用页面的onLoad()方法进行刷新页面 wx.stopPullDownRefresh() // 刷新成功后停止下拉刷新 },参考:这,额,打开页面太多,找不原创 2021-07-06 18:31:32 · 348 阅读 · 0 评论 -
小程序勾子函数
小程序勾子函数Page({ onLoad:function(){} // 页面加载,一个页面只调用一次,刷新调用 onShow:function(){} // 页面显示,每次打开页面都会调用一次。 onHide:function(){} // 页面隐藏,当从当前A页跳转到其他页面,那么A页面处于隐藏状态。 onUnload:function(){} // 页面卸载,当前处于A页面,点击返回按钮时,则将是A页面卸载})...原创 2021-07-05 10:37:57 · 203 阅读 · 0 评论 -
如何控制多个class添加或去除
如何控制多个class添加或去除问题引入:最近在开发一个小程序项目,在控制css样式的时候遇到个问题微信小程序的class属性中的花括号内{{}}根据条件设置多个class微信小程序本身没有document或者window这些我们平时写html的东西就只能通过数据绑定,在改变数据这个方式了如以下的代码:<view class="{{istext?'class1':'class2'}}">hello world</view> data: { istext:t转载 2021-07-02 10:27:30 · 571 阅读 · 0 评论 -
云开发小程序倒计时防刷新功能及签到功能
小程序倒计时防刷新功能这是一个不美好的事情,我使用的是vant的倒计时,不管什么倒计时,刷新后倒计时就会重新开始。从晚上查到下班,从回家查到11点,结果没找到,没办法了自己写,结果10min写出来了,事实证明,我们需要相信自己。签到加积分功能,小程序正在开发中,以后欢迎大家支持效果图如下,发文不发图都是耍流氓下面是完整代码.wxml<view class="outBox"> <!-- 签到 --> <view class="qiandao">原创 2021-07-02 00:45:07 · 553 阅读 · 1 评论 -
小程序上传/编辑图片
// pages/main/shopping/shopping.jsPage({ /** * 页面的初始数据 */ data: { newAddLbt:[], // 编辑时新增轮播图列表 newAddXqt:[], // 编辑时新增详情图列表 lbbd: true, // 编辑时轮播图点击选择图片标的 xqbd: true, // 编辑时详情图点击选择图片标的 imageList: [],原创 2021-06-30 10:10:52 · 1117 阅读 · 2 评论 -
Set ——最简单的数组去重
Set ——最简单的数组去重,一行代码就可以解决let arr1 = [ 1, 2, 3, 3, 4, 4, 4, 5 ]let arr2 = [ ...new Set(arr1) ] // [ 1, 2, 3, 4, 5 ]原创 2021-06-29 22:51:27 · 188 阅读 · 0 评论 -
Unexpected token u in JSON at position 0
Unexpected token u in JSON at position 0报错如图原因就是JSON.parse解析了undefined解决找到JSON.parse的地方加个判断就ok原创 2021-06-29 21:58:42 · 818 阅读 · 0 评论 -
小程序vant开发阻止事件冒泡
小程序vant开发阻止事件冒泡<van-grid gutter="{{ 10 }}" column-num="2" border="{{ false }}"> <van-grid-item use-slot bind:click="hClickDetails" wx:for="{{ shopList }}" data-nowdata="{{item}}" wx:ke原创 2021-06-23 17:31:23 · 2351 阅读 · 0 评论 -
小程序云开发上传及使用图片
小程序云开发上传及使用图片.wxml<view class="img-view"> <view class="show" wx:for="{{ imgOne }}" wx:key="_id"> <image src="{{ item }}" mode="aspectFill" data-index="{{index}}" bindtap="previewImg"></image> <image class="del-img" src="..翻译 2021-06-22 22:55:48 · 1932 阅读 · 0 评论 -
微信小程序页面跳转如何传递对象参数
微信小程序页面跳转如何传递对象参数1、使用data-名字 = 要传的值myshop.wxml<van-grid-item use-slot bind:click="hClickDetails" wx:for="{{ shopList }}" data-nowdata="{{item}}" wx:key="index"> <image原创 2021-06-22 22:44:14 · 5322 阅读 · 1 评论 -
cloud function service error code -501000, error message 找不到对应的FunctionName.; at cloud.callFunction
小程序云函数请求报错说找不到对应的函数名网上说是没有写config配置环境id,我试了不行,最后找到问题了。如下图,这个name是云函数的name,而不是数据表的name,不要搞混了。原创 2021-06-22 14:05:17 · 4939 阅读 · 1 评论 -
小程序开发之路由navigateTo、reLaunch、redirectTo、switchTab及传值问题
小程序跳转传值转载 2021-06-21 11:15:43 · 519 阅读 · 0 评论 -
微信小程序轮播图image控件图片mode属性自适应及解决图片加载闪烁bug
微信小程序image控件图片自适应简述我是做的轮播图,swiper标签存在默认样式 width 100% ;height 150px;这就会造成图片不完整的情况;而不加mode图片可能会被拉伸,造成图片损坏。让轮播图自适应高度并且使用mode不拉伸swiper.wxml<swiper class="swipers" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" int原创 2021-06-21 11:05:14 · 1554 阅读 · 0 评论 -
小程序云开发获取openid及出现openid是undefind的坑
小程序云开发获取openid及出现openid是undefind的坑1、创建云函数 loginlogin/index.js// 云函数入口文件const cloud = require('wx-server-sdk')// 初始化环境变量cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV})// 云函数入口函数exports.main = async (event, context) => { const wxContext = clo原创 2021-06-19 23:50:56 · 2520 阅读 · 0 评论 -
小程序上传图片至云存储空间
小程序上传图片至云存储空间yunImg.wxml<button bindtap="addPhoto">选择图片</button>yunImg.jsPage({ // 选择你要上传的图片 addPhoto(){ wx.chooseImage({ count: 1, // 可以选择多少张图片 sizeType: ['original', 'compressed'], sourceType: ['album', 'camera原创 2021-06-18 21:58:29 · 369 阅读 · 0 评论 -
云函数的使用
云函数的使用1、在project.config.json配置云函数所在目录2、创建与pages同级的环境文件3、三步创建云函数4、部署云函数5、配置index 查询功能// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV})// 云函数入口函数exports.main = async (event, context) => {原创 2021-06-18 19:41:04 · 1285 阅读 · 0 评论 -
微信小程序小程序云开发增删改查
微信小程序小程序云开发增删改查1、app.js 云开发环境初始化App({ // 小程序一启动就会执行 onLaunch(options) { // 云开发环境初始化 wx.cloud.init({ env: 'readnow-5gl5quqg1f554239' // 云开发环境id })})2、页面执行增删改查 myShop.jsPage({ data(){ shopList:[] }, onLoad(){ //原创 2021-06-18 16:23:57 · 478 阅读 · 0 评论 -
微信小程序wx:else无效问题
微信小程序wx:else无效问题1、wx:else 或wx:if 不能和wx:for 同层级使用2、查看wx:else 的标签是否和wx:if对应的标签是同层级的3、查看是否有多余的wx:else 一个wx:if只能对应一个wx:else4、查看判断语句外部是否有引用组件,在写项目的时候,我引用了vant里的van-row和van-col,在它里面判断,结果判断无效,被污染。原因就是这个组件源码使用了判断语句,去掉引用组件就可以了。...原创 2021-06-18 09:45:08 · 3386 阅读 · 0 评论 -
小程序换行
在小程序开发中<br/>不好使了已经解决<text> 我是张三, \n 我为自己代言</text>使用 \n 就可以实现换行了原创 2021-06-16 17:32:35 · 172 阅读 · 0 评论 -
微信小程序打开项目提示读取project.config.json文件失败
微信小程序打开项目提示读取project.config.json文件失败因为装vant库,原文件路径出了问题,我又换了一个文件,就出现这种情况了,很坑。解决把小程序开发工具里所有东西都干掉,在hbuilderx重新跑一次就可以了.........原创 2021-06-13 18:51:45 · 6438 阅读 · 3 评论