1.微信小程序转发传参,利用的还是onShareAppMessageapi 2.利用的还有json转换 JSON 是用于存储和传输数据的格式. JSON 通常用于服务端向网页传递数据 函数 描述JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象.JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串.官方文档 自定义转发字段 字段 说明 默认值 最低版本title 转发标题 当前小程序名称  path 转发路径 当前页面

微信小程序转发涉及以下4个方法: 1.Page.onShareAppMessage({}) 设置右上角“转发”配置,及转发后回调函数返回 shareTicket 票据 2.wx.showSahreMenu() 用户点击右上角后,显示“转发”按钮 3.wx.hideShareMenu() 隐藏转发按钮,无视 Page.onShareAppMessage({}) 4.wx.getShareInfo({}) 根据 shareTicket 获取已加密的群信息 1.转发前配置 在页面 onLoad 方法添

微信小程序转发涉及以下4个方法: 1.Page.onShareAppMessage({}) 设置右上角“转发”配置,及转发后回调函数返回 shareTicket 票据 2.wx.showSahreMenu() 用户点击右上角后,显示“转发”按钮 3.wx.hideShareMenu() 隐藏转发按钮,无视 Page.onShareAppMessage({}) 4.wx.getShareInfo({}) 根据 shareTicket 获取已加密的群信息 把转发流程切分:转发前配置->转发时->转

本期的微信小程序实战篇来做一个电商网站经常用到的-商品属性联动选择的效果,素材参考了一点点奶茶. 效果演示:   商品属性联动.gif 代码示例 1.commodity.xml <!-- <view class="title">属性值联动选择</view> --> <!--options--> <view class="commodity_attr_list"> <!--每组属性--> <

今天给大家分享一下微信小程序中商品列表的流式布局方式,根据文章内容操作就可以看到效果哦~~~ 流式布局概念 流式布局也叫百分比布局 把元素的宽,高,margin,padding不再用固定数值,改用百分比, 这样元素的宽,高,margin,padding会根据页面的尺寸随时 调整已达到适应当前页面的目的. 先看效果:   商品列表流式布局.gif 如上图所示,为了能够看的更直观一点我给布局设置了红色虚线边框,整体页面根据元素的百分比进行布局. 直接看代码: xxx.wxml <scroll-vie

先看一下今天要实现的小程序商品详情页吧!   商品详情.gif 本期我们要实现小程序商品详情页的头部标题.头部轮播.商品详情浮动按钮和商品内页布局. 一.设置头部标题 如上图所示,头部标题是商品详情 如果不进行设置的话会默认为app.json 设置的window.navigationBarTitleText值. detail.json { "navigationBarTitleText": "商品详情" } 二.商品轮播 如下图所示,商品详情页的商品轮播.   商品

微信小程序中不能直接操作window对象,document文档,跟html的树结构不相同. 实现类似导航的隐藏显示,如图效果: 点击网络显示或隐藏网络中包含的内容.其他类似. 如果是jquery很方便实现,能直接操作document.在微信小程序中实现思路是:在逻辑层定义变量,通过setData赋值. 方法一:通过变量直接赋值,给每一个要控制显示的view定义变量 .wxml 代码: <!--index.wxml--> <view class="navView" bi

在尝试小程序开发时,tabBar这个是个非常常见的组件,但是今天在进行开发时,设置了TabBarb并没有显示,被这个问题困扰了近半小时,现在将排查问题后所得到的经验记录下来. 首先 如果tabBar不显示,要排查所指向的页面是否进行了页面注册.如果没有注册的话,页面是找不到的. 其次 要确保路径的拼写正确,不知道为什么使用的Windows平台的微信开发工具,在设置tabBar的list时,并没有代码提示,所以只能自己拼写路径全称,这个时候一定要注意拼写的正确性,否则页面加载后,tabBar是找不

1,书写,正确书写时tabBar,不要写成tabbar!!! 2,当创建新工程时,app.json中Pages配置是这样的 ,,[图1], 注意:微信小程序里面的json文件时不能注释的,图中只是给读者看一下该放在哪里而已,,,,不能注释!!! 3,在一些json文件中,如果是你没有写上的,就必须加上 {} 花括号. 4,在BarTab中的List属性,里面的index首页配置,一定要放置在第一项,第一项,重要.[图2] 这里的是官方文档: https://mp.weixin.qq.com/de

1.项目目录 2.逻辑层 broadcast.js // pages/broadcast/broadcast.js Page({ /** * 页面的初始数据 */ data: { firstIndex: -1, //准备数据 //数据结构:以一组一组来进行设定 commodityAttr: [ { priceId: 1, price: 35.0, "stock": 8, "attrValueList": [ { "attrKey": "

// 购物车删除 deleteList(e) { const index = e.currentTarget.dataset.index; let carts = this.data.carts; carts.splice(index, 1); // 删除购物车列表里这个商品 this.setData({ carts: carts }); if (!carts.length) { // 如果购物车为空 this.setData({ hasList: false // 修改标识为false,显示购

一.wxml添加升序和降序 在商品列表的wxml文件中添加超链接a标签,分别用于升序和降序的点击.分别绑定升序和降序的点击事件. 二.js文件实现升序和降序 分别写对应的按价格升序函数sortByPriceAsc()和按价格降序函数sortByPricDesc().此时已完成升序和降序的功能.  三.代码优化去除冗余代码 以上代码的写法可以满足功能需要,但是性能方面想要更优化,需要对代码进行去除冗余的处理.该页面存在三次查询数据库: 1.页面加载的时候,查询商品信息展示在列表页(即onload(

一.wxml文件 在wxml文件中,写页面和点击事件,添加绑定事件limitGoods  二.js文件 在js文件中写limitGoods(),使用.limit(3)表示只显示3条数据

一.WXML实现 在wxml文件中添加对应链接,点击链接绑定事件skipGoods. 二.js实现 js文件中写skipGoods()函数,实现跳过2条数据的功能.

1. 转发---onShareAppMessage 2.不带参数 //用户点击右上角分享 onShareAppMessage: function (res) { return { title: 'xxx', path: 'pages/index/index', imageUrl: "../../img/share.png" } } 3.带参数 onShareAppMessage: function (res) { var _this = this; let id = _this.dat

仅供参考 1,js: onShareAppMessage(res) { return { title: '我在使用俺搜·找客户,10万+材料人都在用,就差你了', path: '/pages/index', success: function(res) {// 转发成功 console.log(res) }, fail: function(res) {// 转发失败 console.log(res) } } } onLoad(e){ this.onShareAppMessage(); }

按照文档上的代码运行后,发现图片不显示 解决办法: app.wxss文件 align-items: center;这句话删除了,运行 OK!

app.json中配置了tabBar,但是首页不想显示,首页跳转时使用 wx.redirectTo和wx.navigateTo无法完成跳转 这时用到了 wx.switchTab 可以实现我们的需求,首页不显示tabBar,并可以进行跳转 文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.switchTab.html

修改wxParse/html2json.js 文件 ,在 html2json(html, bindName) 方法里 var node = { node: 'element', tag: tag, }; 这里使用 node.tag 能够获取标签类型,比如: img.embed.video 这里我的系统后台编辑器使用的是ckeditor 上传视频.生成的便签是:embed 所以加上判断: if (node.tag =="embed"){ var embUrl = node.attr.sr

前言 在使用UEditor编辑器时,一般我们都是需要修改默认的图片上传路径的,下面是我整理好的修改位置和方法供大家参考. 操作 Ueditor PHP版本本身自带了一套上传程序,我们可以在此基础中,找到配置文件修改它.配置文件位置: ueditor/php/config.json "imageUrlPrefix": "", /* 图片访问路径前缀 */