Vue2+vue-feather图标在手机端不渲染但Chrome模拟器正常

核心排查方向 #

从你提供的SVG结构来看，元素已正常渲染但不可见，大概率是样式解析兼容性或动态值失效问题，按以下步骤排查：

1. 验证CSS变量兼容性 #

移动端部分浏览器（尤其是旧版本）对CSS变量的支持存在局限，或变量未正确全局定义：

• 临时将stroke="var(--dark-accentcolor)"替换为具体颜色值（如stroke="#333"），测试真实手机是否显示图标。若显示，说明变量问题：
  • 确保--dark-accentcolor在全局作用域声明（比如在App.vue的