关于色彩选择器的问题

我想改变色彩选择器的样式,让title旁边显示选中的颜色名称

像这样
QQ图片20210818153346.png

但是我的需求要不一样一点

显示的颜色名称要和色块颜色不一样

比如选中light pink 要显示的是 Mr. Devil-Pink

这个是通过变体名来配置的

@atri 您好

  1. 首先需要多属性有两个“名字”,一个是本来的value,一个是展示的名字,这时候你需要去创建对应的多属性元字段
  2. 然后需要您在对应的option代码中找到{{ option.name }} 后面需要显示你的元字段
  3. 插入
  4. 加上事件代码,点击颜色切换按钮后,对应的input value换成多属性元字段