Vant 下拉菜单点击文字颜色变暗

在Vant这个轻量级的Vue移动端组件库中，如果你想要实下拉菜单（`van-list`组件下的`cell`内有可点击的文字）点击时文字颜色变暗的效果，你可以通过自定义样式或者直接在组件上应用CSS伪类来达成。

首先，在你的CSS文件中，你可以创建一个`.van-cell--active`选择器，这会在列表项被激活时匹配。例如：

.van-cell--active {
  color: rgba(0, 0, 0, 0.8); /* 或者设置你需要的颜色，比如深灰色 */
}

如果你需要动态地改变颜色，可以绑定一个事件监听器并在点击时切换这个类：

<template>
  <van-list>
    <van-cell v-for="item in items" :key="item.id">
      <div class="custom-link" @click="toggleActive(item)">
        {{ item.text }}
      </div>
    </van-cell>
  </van-list>
</template>

<script>
export default {
  methods: {
    toggleActive(item) {
      this.$refs[item.cellIndex].classList.toggle('van-cell--active');
    }
  }
}
</script>

这里，`$refs`用于获取对应元素的引用，然后使用`classList.toggle()`方法添加或移除`van-cell--active`类。