You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
542 B
28 lines
542 B
<template> |
|
<div class="theme-color" :style="{backgroundColor: color}"> |
|
<a-icon v-if="selected" type="check" /> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
import AIcon from 'ant-design-vue/es/icon/icon' |
|
export default { |
|
name: 'ThemeColor', |
|
components: {AIcon}, |
|
props: ['color', 'selected'] |
|
} |
|
</script> |
|
|
|
<style lang="less" scoped> |
|
.theme-color{ |
|
float: left; |
|
width: 20px; |
|
height: 20px; |
|
border-radius: 2px; |
|
cursor: pointer; |
|
margin-right: 8px; |
|
text-align: center; |
|
color: #fff; |
|
font-weight: bold; |
|
} |
|
</style>
|
|
|