微信小程序之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"

四、实现效果

Private Sub Command1_Click()

Static a As Integer'申请的静桐清判正大态变量

a = a + 1

Label1.Caption = Label1.Caption + " " + Str(a)

End Sub

当点击按钮1时，label1的内容自动输出为1 2 3 4 5 6 7 8 9

Private Sub Command2_Click()

Dim a As Integer’定义的动态变量

a = a + 1

Label2.Caption = Label2.Caption + " " + Str(a)

End Sub

当点击按钮2时局改，label2的内容自动输出为1 1 1 1 1 1 1 1