vant的分页组件、修改van-pagination组件点击时样式

问题描述：点击van-pagination那一瞬间，即mousedown，在vant中默认是页码背景颜色是蓝色的，现在需要把它自定义颜色

直接上代码，这样写的原由，因为本身就是白色背景，在监听点击时全部改为白色，然后把活跃那个页面改为自定义的颜色，这样的执行过程是，点击时，直接把蓝色背景覆盖为白色，然后当前活跃改为自定义颜色

这段代码可在@click，watch属性，或者@change中插入

// vant的页码组件，当按下时，默认是蓝色背景，以下代码就是把蓝色背景去掉
        const pageDom = document.querySelector('.van-pagination')
        pageDom.addEventListener('click', () => {
          // 当点击时，把所有的item背景变为白色
          const item = document.querySelectorAll('.van-pagination__item')
          for (let i = 0; i < item.length; i++) {
            item[i].style.background = '#FFFFFF'
          }
          // 然后再把活跃的那个背景改为自定义的颜色
          const active = document.querySelector('.van-pagination__item--active')
          active.style.background = '#7D60F5'
        })

最后附上修改页码的样式内容，如何修改的呢？按f12摸到该标签，然后拿它的class进行修改，如果修改无效，记得使用::v-deep穿透一下

::v-deep .van-pagination {
      justify-content: center;
      font-size: 13px;
      .van-pagination__item {
        height:25px;
        min-width: 25px;
        max-width: 49px;
        margin: 0 4.5px 0 0;
        color: #323232;
      }
      .van-pagination__item--active {
        color: #FFFFFF;
        background-color: #7D60F5;
      }
    }