小程序
关注
分享
扫一扫
Mybabyying
这个作者很懒，什么都没留下…
展开
-
uniapp+weapp 输入框@change事件携带其他参数
uniapp、vant weapp原创 2022-08-03 16:10:04 · 475 阅读 · 1 评论 -
数组字符串相互转换
微信官方文档https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.htm1，小程序需要开通云开发2，下载官方文档的html文件和public函数找到H5文件夹下的jump-mp.html，代码做出如下修改（<!-- replace -->为需要修改的地方）<html> <head> <title>原创 2021-12-13 10:43:03 · 989 阅读 · 0 评论 -
web静态页面跳转微信小程序
微信官方文档https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.htm1，小程序需要开通云开发2，下载官方文档的html文件和public函数找到H5文件夹下的jump-mp.html，代码做出如下修改（<!-- replace -->为需要修改的地方）<html> <head> <title>原创 2021-07-07 16:42:48 · 1119 阅读 · 0 评论 -
微信小程序接口简单封装
app.vueexport default { globalData: { env_url: 'https://xxx.cn/', }, methods: { // 接口封装 Wxrequest(method, url, data, callback, errFun) { uni.request({ url: `${this.globalData.env_url}${url}`, method: method, data: data,原创 2021-03-16 11:40:13 · 179 阅读 · 0 评论 -
uniapp制作手动滑动轮播
HTML<template><view class="bus-swiperbox"> <swiper :autoplay="circular" class="bus-swiper" circular="true":current="currentIndex" :duration="1000" @change="changeIndex" @animationfinish="changeFinish" > <swiper-item &原创 2020-07-10 18:18:13 · 1264 阅读 · 0 评论 -
微信小程序分享朋友圈
近日，微信小程序官方文档更新 wx.showShareMenu(Object object)，其中显示小程序可以分享到朋友圈啦！但是，设置分享朋友圈的前提是必须同时设置发生给朋友，也就是说，可以单独设置发送给朋友，但如果要设置分享朋友圈，必须同时设置分享好友。示例（基于2.11.3基础库）onLoad: function () { wx.showShareMenu({ withShareTicket: false, menus: ['shareAppMess原创 2020-07-09 10:22:00 · 828 阅读 · 0 评论 -
微信小程序动态显示隐藏元素的两种方法
1.display:none;wxml：<!--需要显示隐藏的元素--><view><text style="display: {{none}};">页面还未开发哦！</text></view><!--显示或隐藏操作--><button bindtap="aa">显示或隐藏</button>js：Page({ data: { //初始值设置为显示 none:"b.原创 2020-05-24 11:25:13 · 6553 阅读 · 2 评论 -
微信小程序判断是否授权登录（未登录出现弹窗跳转登录页面）
目录API代码实现API获取用户当前设置wx.getSetting：微信官方文档获取用户信息wx.getUserInfo：微信官方文档微信小程序弹窗wx.showToast：微信官方文档代码实现onLoad: function (options) { var that = this // 判断用户是否授权登录 wx.getSetting({ success: function (res) { // 判断是否授权原创 2020-05-24 09:12:36 · 16185 阅读 · 1 评论 -
微信小程序弹窗（提示框和确认框）
目录提示框关键属性代码实现确认框代码实现提示框wx.showToast：微信小程序官方文档关键属性代码实现<button bindtap="butt" >保存</button> butt(){ wx.showToast({ title: '保存成功', icon: 'none', duration: 1500, success: function () { //弹窗后执行，可以省略 setTim原创 2020-05-23 15:55:54 · 22265 阅读 · 0 评论 -
使用vant weapp组件做左拉删除功能
目录实现效果声明实现代码引用组件WXMLWXSSJS实现效果声明此功能通过vant weapp组件制作，未安装vant weapp无法实现效果，安装vant weapp实现代码引用组件当前页面的json中引用从上到下分别为步进器组件引用、按钮组件引用、和滑动块组件引用（因为我在页面中用到了这些组件，请过根据自己的项目需求引用）{ "usingComponents": { ...原创 2020-04-20 19:45:40 · 2668 阅读 · 0 评论 -
微信小程序分享好友功能
所需微信小程序API和函数onShareAppMessage微信小程序声明周期函数，设置用户分享好友功能设置分享好友缩略图的内容wx.showShareMenu开启分享好友功能通过微信小程序右上角三点按钮分享JSPage({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ ...原创 2020-04-20 17:28:23 · 2844 阅读 · 0 评论 -
微信小程序海报保存
WXML<view> <canvas class="can" canvas-id="mycan"></canvas> <button bindtap="bye">保存海报</button></view>wxss.can { width: 100vw; height: 100vh; backgrou...原创 2020-04-15 20:15:16 · 630 阅读 · 0 评论 -
小程序实现拨打电话功能
wxml <view bindtap="tel" > <image src="http://m.qpic.cn/psc?/V12iywoj0vjy8D/OgsY8p8GsL2M2s50.OYmehP2Vd8KO8DLqydatJ6IKWGQOUH1HA7*O.FwyyyVWtwsBDvoshmZOP8am5TZIg3j8c0IAAecbg5xFGWh2u.4Fkw!...原创 2020-04-08 20:26:29 · 1087 阅读 · 0 评论 -
小程序实现添加通讯录功能
目录所需API所需参数wxmlJS效果图所需APIwx.openLocation在这里，我们需要用到微信官方文档的位置API wx.addPhoneContact其中的参数有很多，具体可参考官方文档：微信官方文档－添加通讯录 添加手机通讯录联系人。用户可以选择将该表单以「新增联系人」或「添加到已有联系人」的...原创 2020-04-08 11:31:06 · 2581 阅读 · 0 评论 -
微信小程序地图导航（跳转到第三方导航）
所需APIwx.openLocation在这里，我们需要用到微信官方文档的位置API wx.openLocation其中的参数有很多，具体可参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.openLocation.html所需参数这里我们只需用到一下API参数：latitude（必填） ：纬...原创 2020-04-07 11:33:16 · 20066 阅读 · 3 评论