微信小程序之wxss文件使用变量动态计算参数值

一、需求：

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"

四、实现效果

相关链接：

每次通过信滑 scheme 调用，前端表现是重新触发 onLaunch 和 onShow，都会传参给app.js 的 onLaunch 和 onShow，基础页面会重新触发 onLoad 和 onShow 方法。

在保活期间（5分钟），比如锁屏之后，会重新触发 onShow 方法，但是却没法获取参数，也就是传参 scheme 只会在调用的时候触发一次，再次启动只是触发 onShow 不会传参。只能前端在 onShow 里做相应的业务逻辑。

当小程序用 scheme 从后台唤起的时候，其实相当于重新被打开了 onLoad，还有 onShow 都会被触发。

在保活期间（5分钟）被重新唤起的时候，就只会触发 onShow 。

在小程序 app.js 的 onLaunch 或 onShow 进行获取启动参数。

如滑并腊果冷启动，则会在 onLaunch(options) 中获得参数； 如果为热启动，则会在 onShow(options) 中获得参数。建议冷启动中获取不了的时候，再尝试在 onShow 中获取，若还是获取蔽闷不了，则可判定为没有拿到该参数。

大同小异，后续补上...

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

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

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

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

---