recommend-colors.vue
536 Bytes
<template>
<div>
<template v-for="(item, index) in list">
<span @click="handleClick(index)"><em :style="{'background': item}"></em></span>
<br v-if="(index + 1) % 12 === 0 && index !== 0 && (index + 1) !== list.length">
</template>
</div>
</template>
<script>
export default {
props: {
list: Array
},
methods: {
handleClick (index) {
this.$emit('picker-color', this.list[index]);
}
}
};
</script>