我正在使用movable-area和movable-view实现演唱会选座功能。
外层movable-area和movable-view,内层<view />for循环座位数据,根据座位的x,y坐标定位到页面中的位置,样式为CSS写的一个实心圆,用内联样式根据座位的属性改变这个实心圆的背景色及透明度。改变座位样式的交互操作分别有:1、切换不同的区域选项,改变选中区域座位的透明度为1,其它区域透明度.5;2、用户选择某个座位,添加一个勾选icon √
数据量:目前是5000座位,后续座位还会高,可能达到3万+
目前实现的是进入页面渲染了座位,根据x/y座位的最大值生成了场地,进入时可以看到全部座位,然后双指缩放页面,座位会变的特别模糊。
固定样式为宽高加圆角50%(wxss),动态样式为背景色及透明度(内联)
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
启用3d硬件加速,把movable-view内的元素设置transform:translateZ(0),并且宽高放大n倍,再scale(1/n)就行了