随笔分类 -  微信小程序

小程序接入 快递订单查询
摘要：1、在 app.json 中 "navigateToMiniProgramAppIdList":[ "wx6885acbedba59c14" ] 2、做个按钮，参数为快递订单号 <button catchtap="wuliu" data-expressNo="{{orderNoDetail.expr 阅读全文
posted @ 2020-09-30 14:09 路西德 阅读(825) 评论(1) 推荐(0)
微信小程序 简单接入客服功能
摘要：WXML 中 <button open-type="contact">联系客服</button> 然后在 微信小程序公众平台 => 功能 => 客服 => 添加 (微信账号) 最后在微信中 搜索小程序 【客服小助手】，就可以和用户对话了 阅读全文
posted @ 2020-09-30 14:05 路西德 阅读(1352) 评论(0) 推荐(0)
微信小程序 模糊搜索 功能
摘要：WXML 中 <view class="li l2"> <input id='searchInput' placeholder="请输入企业全称" type="text" bindinput="bindKeyInput" value="{{inputValue}}" data-statu="open 阅读全文
posted @ 2020-09-27 16:41 路西德 阅读(2714) 评论(0) 推荐(0)
微信小程序 页面跳转 的四种方法
摘要：第一种：wx.navigateTo 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。 官方文档：https://developers.weixin.qq.com/miniprogram/dev/a 阅读全文
posted @ 2020-09-27 16:15 路西德 阅读(6239) 评论(0) 推荐(0)
微信小程序 component组件的使用 以及 传值
摘要：1、创建component组件 2、component.js 中的说明 Component({ /** * 组件的属性列表(对外属性)，属性设置中可包含三个字段,type 表示属性类型、 value 表示属性初始值、 observer 表示属性值被更改时的响应函数 */ properties: { 阅读全文
posted @ 2020-09-27 11:43 路西德 阅读(11874) 评论(0) 推荐(1)
微信小程序 实现 获取验证码
摘要：WXML 中 <view class="get_yzm" hover-class="none" bindtap="getPhoneSmsByCode">{{limitGetSmsCode.content}}</view> JS 中 data: { phone: '', limitGetSmsCode 阅读全文
posted @ 2020-09-27 09:52 路西德 阅读(1394) 评论(0) 推荐(0)
微信小程序 封装 请求接口 方法
摘要：1、在 utils 中创建 request.js 文件 2、在 request.js 文件中 const baseurl = 'https://api.zhiyedang.cn' const request = (url, options) => { return new Promise((reso 阅读全文
posted @ 2020-09-25 15:09 路西德 阅读(1521) 评论(0) 推荐(0)
微信小程序 弹窗
摘要：1、一闪而过的提示窗 官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html wx.showToast({ title: '保存成功', icon: 'none', dura 阅读全文
posted @ 2020-09-25 14:51 路西德 阅读(1076) 评论(0) 推荐(0)
微信小程序 设置tabBar
摘要：{ "pages":[ "pages/home/home", "pages/mine/mine" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#37a7bf", "navigationBa 阅读全文
posted @ 2020-09-25 11:52 路西德 阅读(765) 评论(0) 推荐(0)
微信小程序 按钮分享
摘要：注意： 1、按钮分享 必须使用 button 标签，否则实现不了 2、分享功能腾讯已经关闭分享的回调了，无法得知是否分享成功 3、分享的函数中，无法根据逻辑让它是否分享（可以根据逻辑更改分享的内容），只要点了按钮就必定会分享 WXML 中 <button open-type="share" hove 阅读全文
posted @ 2020-09-25 11:46 路西德 阅读(1032) 评论(0) 推荐(0)
微信小程序 跳转到 另一个 微信小程序 的两种方法
摘要：首先需要在当前小程序app.json中定义：需要跳转的小程序的app-id "navigateToMiniProgramAppIdList": [ "wxab81b7b534c8e4cd" ], 第一种方法：wx.navigateToMiniProgram（打开另一个小程序） 官方文档：https: 阅读全文
posted @ 2020-09-25 11:32 路西德 阅读(15102) 评论(0) 推荐(2)
微信小程序 WXS 的简单使用
摘要：如果有个时间 2020-09-25 17:20:00 , 但我们只想要年月日，这样就可以在WXS中实现过滤 data: { time : "2020-09-25 17:20:00"//比如这个是后台返回的一个时间 }, WXML 中 <wxs module="fn"> module.exports= 阅读全文
posted @ 2020-09-25 10:40 路西德 阅读(487) 评论(0) 推荐(0)
微信小程序 实现上拉加载更多
摘要：WXML 中 <view class="authorization_box"> <view class="list" wx:for="{{datalist}}"> <view class="name">{{item.name}}</view> </view> <block wx:if="{{data 阅读全文
posted @ 2020-09-25 10:32 路西德 阅读(4624) 评论(0) 推荐(0)
PC端生成二维码，微信扫码 带参数跳转微信小程序指定页面
摘要：1、首先在 登录 微信公众号-小程序-开发-开发设置 找到 ‘扫普通链接二维码打开小程序’，然后添加配置。 2、配置成功后，在PC端写一个按钮，点击按钮根据链接与参数生成二维码图片 <button type="default" @click="transmit">点击生成二维码</button> < 阅读全文
posted @ 2020-09-18 18:16 路西德 阅读(11037) 评论(0) 推荐(0)
微信小程序 渲染 html数据
摘要：WXML 中 <rich-text class="style" nodes="{{content}}"></rich-text> JS 中 data: { content:null }, onLoad: function (options) { // 调用接口获取数据 api.get('/api/c 阅读全文
posted @ 2020-09-18 10:09 路西德 阅读(611) 评论(0) 推荐(0)