demo 原始链接:https://vux.li/demos/v2/#/component/color-picker
\n下面的$t是Demo的i18n使用的翻译函数,一般情况下可以直接使用字符串。另外,下面代码隐藏了i18n标签部分的代码。
\n<template>\n <div>\n <div style=\"padding: 15px;\">\n <color-picker :colors=\"colors1\" v-model=\"color1\"></color-picker>\n <br>\n <color-picker :colors=\"colors1\" v-model=\"color1\" size=\"middle\"></color-picker>\n </div>\n <group :title=\" $t('Use in cell') \">\n <cell :title=\"'Color:' + color1\">\n <color-picker :colors=\"colors1\" v-model=\"color1\" size=\"small\"></color-picker>\n </cell>\n </group>\n <group :title=\" $t('A cell without title') \">\n <cell primary=\"content\">\n <color-picker :colors=\"colors1\" v-model=\"color1\" size=\"middle\"></color-picker>\n </cell>\n </group>\n </div>\n</template>\n\n\n\n<script>\nimport { ColorPicker, Group, Cell } from 'vux'\n\nexport default {\n components: {\n ColorPicker,\n Group,\n Cell\n },\n data () {\n return {\n color1: '#FFEF7D',\n colors1: ['#FF3B3B', '#FFEF7D', '#8AEEB1', '#8B8AEE', '#CC68F8', '#fff']\n }\n }\n}\n</script>\n\n
\n