uni.previewImage() 遮罩层换成白色

`uni.previewImage()` 是微信小程序中用于预览图片的API，它会在用户选择图片后弹出一个图片预览的界面。如果你想在预览图片时替换默认的遮罩层为白色背景，可以通过自定义样式来自定义预览的样式。具体步骤如下：

1. 在你的小程序页面的.wxss文件中，定义一个新的`.custom-mask` 类，设置其背景颜色为白色：

.custom-mask {
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999; /* 确保遮罩层在预览图片容器之上 */
}

2. 使用 `uni.previewImage` 时，传入一个自定义的 options 对象，其中的 `showMask` 设置为 `false`，然后手动创建并显示遮罩层。这里需要你自己编写 JavaScript 来创建和管理这个遮罩层：

Page({
    onLoad: function() {
        // 在这里处理用户选择图片的逻辑
        previewImage: function(imageInfo) {
            const maskNode = wx.createSelectorQuery().select('.custom-mask').get();
            if (maskNode) {
                maskNode.show();
            } else {
                this.setData({
                    customMask: {
                        show: true,
                        node: wx.createSelectorQuery().select('.custom-mask').instantiate()
                    }
                });
            }

            // 预览图片的配置
            const options = {
                current: imageInfo.index, // 当前索引
                urls: [imageInfo.src], // 图片数组
                success: function(res) {
                    // 预览成功回调
                },
                fail: function(err) {
                    // 预览失败回调
                },
                cancel: function() {
                    // 取消预览回调
                },
                showMask: false, // 关闭默认遮罩层
                maskNode: this.data.customMask.node, // 使用自定义遮罩层
            };
            
            uni.previewImage(options);
        }
    },
    onUnload: function() {
        this.data.customMask && this.data.customMask.node.hide(); // 预览关闭时隐藏遮罩层
    }
})

这样，当用户选择图片时，就会显示自定义的白色遮罩层。记得在实际项目中根据需求调整遮罩层的样式和显示逻辑。