wx.showloading怎么让加载数据变模糊

您可以尝试使用CSS的`backdrop-filter`属性来实现模糊效果。

1. 首先，将`wx.showloading`方法的调用放到一个函数中，例如：

function loadData() {
  wx.showLoading({
    title: '正在加载中...',
    mask: true
  });

  // 这里是加载数据的代码

  wx.hideLoading();
}

2. 在CSS中为`wx-loading`元素添加以下样式：

.wx-loading {
  backdrop-filter: blur(5px); /* 将5px替换为所需要的模糊半径 */
}

完整的代码如下：

/* *.wxss */
.wx-loading {
  backdrop-filter: blur(5px); /* 将5px替换为所需要的模糊半径 */
}

// *.js
function loadData() {
  wx.showLoading({
    title: '正在加载中...',
    mask: true
  });

  // 这里是加载数据的代码

  wx.hideLoading();
}

这样，当`wxLoading`元素出现时，会自动应用该样式，从而实现了模糊效果。请注意，`backdrop-filter`只适用于支持该属性的浏览器和设备，具体兼容性可以查阅相关文档。