在微信小程序中使用过滤滤镜，可以通过CSS的`filter`属性来实现。以下是一些基本的使用方法和示例：
定义滤镜属性
`filter`属性用于定义元素的可视效果，例如模糊、饱和度等。它有多种分类和函数可以使用，包括：
`none`：默认值，没有效果。
`blur（）`：高斯模糊。
`brightness（）`：亮度。
`contrast（）`：对比度。
`drop-shadow（）`：阴影。
`grayscale（）`：灰度。
`hue-rotate（）`：色相旋转。
`invert（）`：反色。
`opacity（）`：透明度。
`saturate（）`：饱和度。
`sepia（）`：复古色。
`url（）`：SVG滤镜。
`composite（）`：复合函数，用于多个滤镜组合使用。
示例：
```css
.image {
filter: blur(18px); /* 高斯模糊，半径为18像素 */
filter: brightness(70%); /* 亮度为原来的70% */
filter: contrast(150%); /* 对比度为原来的150% */
}
```
使用WXS脚本
微信小程序支持WXS（WeiXin Script），可以在`.wxs`文件中编写脚本，增强WXML标签的表达能力。你可以在`utils`文件夹下新建一个`filter.wxs`文件，并在需要的页面下引入使用。
示例：
```javascript
// filter.wxs
function replaceStar(index) {
var stars = ['1月龄', '2月龄', '3月龄', '4月龄', '5月龄', '6月龄', '8月龄', '9月龄', '1岁6月龄', '2岁', '3岁', '4岁', '6岁'];
return stars[index - 1] || '';
}
module.exports = {
replaceStar: replaceStar
};
```
在页面中使用：
```html
```
在JS中自定义函数
你还可以在JS文件中自定义函数，并通过数据绑定来使用这些函数。
示例：
```javascript
Page({
data: {
originTime: 1811748300578,
formattedTime: ''
},
onLoad: function() {
this.setTime();
},
setTime: function() {
this.setData({
formattedTime: this.formatDate(this.data.originTime)
});
},
formatDate: function(timestamp) {
// 格式化日期逻辑
return '2023-03-05'; // 示例返回值
}
});
```
在WXML中使用：
```html
```
通过以上方法，你可以在微信小程序中灵活地使用过滤滤镜来增强页面的视觉效果。根据具体需求选择合适的方法来实现滤镜效果。
