小程序动态生成小程序码(带参数)以及接收参数

小程序动态生成小程序码(带参数)以及接收参数,第1张

在小程序中,我们通过 canvas绘制图旦弊片 并分享到朋友圈中,但是我们怎么才能在绘制的小程序码上带参数呢?如下图:

官方提供了生成小程序码的几山弯种方式:

page是页面地址,例如:'pages/index/index'。pages前面不能有斜杠

scene是参数,为字符串。比如要传入id=33,那么scene参数就可以写成"33",多个参数以&分逗迟闷开,如第二个参数是code=44,则是"33&44"。

一、需求:

swiper组件缩小后需要完全居中。

二、实现方案:

一种方式是flex居中,但我调试后效果不行;还有闷升芦一种就是绝对定位,使用left 50%,这种我调试也不居中;还有一种就是计算屏幕宽度和swiper宽度,绝对定位后left=(屏幕width-swiper width)/2,本文介绍最后一种实现方式。

三、蚂带程序实现

3.1 js文件

data声明变量

onload时计算参数值

3.2 wxss文件

使用绝对定位,left使用变量,格式: var( --变量名--)

3.3 wxml文件

swiper外用一个view组件,并笑陪使用变量,格式:style="--left--:{{动态变量}}px"

四、实现效果


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12536981.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存