<template>
    <view class="fine-components"></view>
</template>

<script>
export default {
    name: "fine-components",
    mixins: [uni.$fine.mixin],
    emits: ["click"],
    props: {
        name: {
            type: String,
            default: uni.$fine.props.icon.name
        },
        // 组件整体显示单位
        unit: {
            // `'rpx' | 'px'`
            type: String,
            // `rpx`
            default: uni.$fine.props.alert.unit
        },
        // 组件主题，支持自定义
        theme: {
            // `'light' | 'dark'`
            type: String,
            // `light`
            default: uni.$fine.props.alert.theme
        },
        // 组件自定义样式
        customStyle: {
            // `String | Object`
            type: [String, Object],
            // `-`
            default: uni.$fine.props.alert.customStyle
        }
    },
    data() {
        return {};
    },
    computed: {},
    methods: {}
};
</script>

<style lang="scss" scoped>
@import "../../styles/function.scss";
.fine-components {
}
</style>
