<template>
    <div class="StylesMenu">
        <p>默认</p>
        <el-form-item label="字体颜色">
            <select-color v-model="form.default.color"></select-color>
        </el-form-item>
        <el-form-item label="背景颜色">
            <select-color v-model="form.default['background-color']"></select-color>
        </el-form-item>
        <p>选中后</p>
        <el-form-item label="字体颜色">
            <select-color v-model="form.select.color"></select-color>
        </el-form-item>
        <el-form-item label="背景颜色">
            <select-color v-model="form.select['background-color']"></select-color>
        </el-form-item>
    </div>
</template>

<script>
import SelectColor from "./SelectColor";
export default {
    name: "StylesMenu",
    components: {SelectColor},
    props: {
        form:{}
    },
    computed: {},
    watch: {},
    data() {
        return {}
    },
    mounted() {
    },
    created() {
    },
    destroyed() {
    },
    methods: {}
}
</script>

<style scoped lang="scss">
.StylesMenu {
}
</style>
