<template>
    <view
        :style="{
            'width': width,
            'height': height,
            'line-height': height,
        }"
        class="med-back-top"
    >
        <view
            :style="{
                'font-size': iconSize,
                'color': iconColor,
            }"
            class="m-icon m-icon-huidingbu-icon"
        />
    </view>
</template>

<script>
/**
 * @file 返回顶部组件
 * @author zhangeryi@baidu.com
 */

export default {
    config: {
        component: true
    },
    options: {
        addGlobalClass: true
    },
    props: {
        width: {
            'type': String,
            'default': '.4rem'
        },
        height: {
            'type': String,
            'default': '.4rem'
        },
        iconSize: {
            'type': String,
            'default': '18px'
        },
        iconColor: {
            'type': String,
            'default': '#1f1f1f'
        }
    }
};
</script>
<style lang="less" scoped>
.med-back-top {
    text-align: center;
    background: rgba(255,255,255,0.90);
    border: .3px solid #B8B8B8;
    border-radius: 100%;
    box-sizing: border-box;
}
</style>


